X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> При наведении на одну картинку должна появится другая
fgfff
fgfff
Topic Starter сообщение 25.10.2014, 2:28; Ответить: fgfff
Сообщение #1


Привет я наверно надоел своими вопросами Но вопрос такой При наведении на одну картинку курсора должна появится другая В посту я реализовал http://julia.kino-ka.ru/?p=1458 А как это сделать на главной странице http://julia.kino-ka.ru

Добавлено спустя 1 час 5 минут 31 секунду:
Вот нашел плагин Multiple Post Thumbnails Добавляем несколько миниатюр к записи в WordPress Может как-то в коде отображения миниатюр прописать чтобы одна накладывалась на другую и при наведении на одну картинку курсора появлялась другая Вот код плагина отображения миниатюр [spoiler="код плагина отображения миниатюр"]<?php
if (class_exists('MultiPostThumbnails')) :
MultiPostThumbnails::the_post_thumbnail(get_post_type(), 'secondary-image');
endif;
?>[/spoiler]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
сообщение 25.10.2014, 8:53; Ответить: k0ttee
Сообщение #2


От простого к сложному велосипеду...

CSS предлагает псевдокласс hover
#id:hover { }
.class:hover { }

На самих картинках можно повесить атрибут onmouseover
<img onmouseover="onmouseover.js" src='img.png'>

К скрипту можно прикрутиться банальной заменой.
str_replace('что заменить', 'чем заменить', MultiPostThumbnails::the_post_thumbnail(get_post_type(), 'secondary-image') );

Или сложной заменой preg_replace() с регулярками.

Осилите?


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
fgfff
fgfff
Topic Starter сообщение 25.10.2014, 15:27; Ответить: fgfff
Сообщение #3


Похоже не осилю Я ржавый чайник но с амбицией кофеварки Думал буржуи или наши светлые головы написали для вордпресс плагины на все случаи жизни так нет-же Как приукрасить блог захочу тык и нет того самого нужного :swoon:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
melrok
melrok
сообщение 25.10.2014, 15:35; Ответить: melrok
Сообщение #4


Че то сайт весь кривой какой то. Посмотрите с хрома, не знаю как на других
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
сообщение 25.10.2014, 20:59; Ответить: k0ttee
Сообщение #5


Похоже не осилю

Ну так замена в строке
str_replace('что заменить', 'чем заменить', MultiPostThumbnails::the_post_thumbnail(get_post_type(), 'secondary-image') );

Срабатывает / ошибки лезут / белый экран ?

Заменять можно (чтобы как-бы заменой добавить) это:
<img

на это
<img onmouseover="onmouseover.js"


В выхлопе должно такое:
<img class="attachment-180x240 wp-post-image" height="220" width="180" title="" alt="1" src="http://julia.kino-ka.ru/wp-content/uploads/2014/10/058a710bd2d68c2fe44b73d5a628b17c1.jpg1-180x220.jpg"></img>

Замениться таким:
<img onmouseover="onmouseover.js" class="attachment-180x240 wp-post-image" height="220" width="180" title="" alt="1" src="http://julia.kino-ka.ru/wp-content/uploads/2014/10/058a710bd2d68c2fe44b73d5a628b17c1.jpg1-180x220.jpg"></img>

Как видите, добавился атрибут onmouseover="" выполняющий по наведению курсора скрипт onmouseover.js
А скрипт onmouseover.js в свою очередь будет заменять картинки (вот только это может занимать полсекунды и смотреться тормознуто).

- - - -

На чистом CSS можно сделать проще, но как через него поменять картинке src="это_значение.jpg" я даже не знаю. Хотя...
Там есть решения _http://stackoverflow.com/questions/2676436/define-an-imgs-src-attribute-in-css на CSS.
Вот только как в CSS подставлять разные имена картинок? CSS это язык разметки, а не программирования же... Но если картинку надо подставлять всегда одинаковую, тогда прокатит.


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Aman_sf
Aman_sf
сообщение 29.10.2014, 20:11; Ответить: Aman_sf
Сообщение #6


Помню делал такое на css, картинка так же менялась через ховер. Там мог быть простой имг, без жс делал. Ссылку на сайт к сожалению утерял.

Вставить в Вп можно плагином, который вставляет любую html инфу на любую страницу. Плагин не распространенный и очень кривой. Погуглите подобное.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
fgfff
fgfff
Topic Starter сообщение 29.10.2014, 22:39; Ответить: fgfff
Сообщение #7


Ребята программисты благодарен что откликнулись Можно и без этого прожить кинуть на сайт всплывающее окно какой нибудь партнерки и пофиг собирай копейки Это не мое Как говорится ***** так королеву воровать так миллион Я не программист Сайты чисто для души Мне просто интересно что-то новое внедрить Как то так ееее :s009:

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ.
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п
6 stu999 1552 21.3.2024, 20:45
автор: stu999
Открытая тема (нет новых ответов) Получил странную ссылку при линкбилдинге
Как поведет себя поиск при обнаружении странной ссылке?
10 r0mZet 2179 24.10.2022, 19:23
автор: Wachowski
Горячая тема (нет новых ответов) 300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе!
65 inkon 30256 19.7.2022, 13:41
автор: Funoman
Горячая тема (нет новых ответов) тИЦ отменили! Новый показатель Яндекса ИКС! Лучшие площадки под размещение. Бесплатное написание статей при любом заказе.
Эксклюзивное предложение. Успей получить написание статей БЕСПЛАТНО
71 VIMstat 78316 21.6.2022, 9:38
автор: VIMstat
Открытая тема (нет новых ответов) Отображение нужного блока при клике.
0 bhtml 1651 10.7.2020, 15:18
автор: -bhtml-


 



RSS Текстовая версия Сейчас: 29.3.2024, 16:20
Дизайн