6 replies to this topic

[user_dnbelokoputov]

Добрый день, как сделать чтоб при наведении курсора на изображении в тизере оно менялось на другое.

Для каждого товара есть два фото, одно в тизере, другое в full, пробовал сделать через css, но теряюсь в куче файлов css стилей и расположения позиций. 

[woodman]

Ну так тут только через css и делать. Выводите две позиции для тизера одна поверх другой (position: absolut) и при ховере верхнему изображению делайте opacity:0. Есть и другие варианты решения, но все на стилях будет завязано.

[user_dnbelokoputov]

каталог сделан на примере демо phone,

в позиции teaser, в файле teaser.php нужно добавить еще позицию для картинки? и в css для новой позиции вводить position: absolut ?

[user_dnbelokoputov]

чтобы добавить позицию на вывод еще одного изображения в тизер нужно править фаил teaser.php и там добавлять позицию или просто в настройке шаблона вывода материала в teaser добавить еще изображение, и в css файле присваивать новый класс??

[SmetDenis]

Можно менять видимость блоков через jQuery, даже проще будет. Рассматривали такой вариант?

[user_dnbelokoputov]

Можно менять видимость блоков через jQuery, даже проще будет. Рассматривали такой вариант?

нет так как с jQuery не дружу

[SmetDenis]

Напрасно. Он простой.

$('.block').hover(function(){
   // навели
   $('.first-image').hide();
   $('.second-image').show();
}, function(){
   // убрали мышь
   $('.first-image').show();
   $('.second-image').hide();
})