Второе Изображение Товара При Наведении

[Julius123]

Всем привет. Часто вижу в шаблонах фишку, что на странице категории при наведение на изображение товара выводится второе изображение товара.

Подскажите как такое можно реализовать?

[Noxter]

Всем привет. Часто вижу в шаблонах фишку, что на странице категории при наведение на изображение товара выводится второе изображение товара.

Подскажите как такое можно реализовать?

Дешево и сердито это сделать через CSS, при наведении сместить изображение спрайта.

Что такое спрайты в CSS, почитайте в сети.

Удачи!

[Julius123]

Дешево и сердито это сделать через CSS, при наведении сместить изображение спрайта.

Что такое спрайты в CSS, почитайте в сети.

Удачи!

Вопрос, а откуда взялся спрайт из первых двух изображений товара? это уже точно не css

Изменено 17 марта, 2017 пользователем Julius123

[Noxter]

Вопрос, а откуда взялся спрайт из первых двух изображений товара? это уже точно не css

Я автоматом принял вопрос иконок категорий)

Для товаров можно использовать JS скажем в ссылке хранить что-то типа data-image="{$product->images[1]->filename|resize:200:200}" и обрабатывать его при наведении на картинку товара.

Если не умеете но готовы оплачивать - обращайесь, за небольшое вознаграждение сделаю.

[chocolate_moles]

Как-то так https://jsfiddle.net/t5qvjewo/

[Noxter]

Как-то так https://jsfiddle.net/t5qvjewo/

Хрень полная, 2 имга это не правильно и не удобно.

Часто в зарубежных шаблонах встречаю.

Такое чувство, что все рукожопы и делают лишь бы считалось.

[ST_RU]

 Такое чувство, что все рукожопы и делают лишь бы считалось.

 .. 

под людей иногда проще вставить явно элементы

которые не знают код. им так проще править

ГЛАЗАМИ видят раз и два.. в этом есть частичка смысла

чтобы не спрашивали. как менять

Изменено 18 марта, 2017 пользователем ST_RU

[ST_RU]

в верстке должен быть чистый html ... и понятный. БЕЗ мусора

вся красота через css 

логика и движения через JS

Изменено 18 марта, 2017 пользователем ST_RU