При наведении на картинку — она меняется?

Question

[killmeslow]

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

Answer 1

[Виталий Яковенко]

Поверх делается оверлей, при ховере - анимируется прозрачность, например через свойство opacity.

Comments

[Виталий Яковенко]

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

[Сергей Наломенко]

Виталий Яковенко: Можно еще уточнить, что неободхимо использовать свойство transition (раз уж вопрос с тегом CSS), дабы автор вопроса знал, в какую сторону копать

[killmeslow]

Виталий Яковенко: Сергей Наломенко: Хммм. Технический какой код писать - я знаю. Даже вот сразу поиск помог shpargalkablog.ru/2012/01/pri-navedenii-na-kartink... . Мне надо как-то автоматизировать этот процесс. Добавляю в день по 20 фоток. У каждой фотки есть вторая пара, также я не хочу задать классы каждый раз. Просто добавил 2 фотки и указал на что переключаться, например. Уффф ща найду пример

[killmeslow]

Виталий Яковенко: Сергей Наломенко: Вот нашел: themeforest.net/item/leo-dress-store-prestashop-th... короче, наводишь на фото - меняется картинка, а в админке чел не парится ничем когда добавляет фотки к товару.

[Виталий Яковенко]

Для этого служат разнообразные плагины галерей с соответствующими темами, реализующими такой эффект. Конкретный выбор зависит от движка, на котором ваш сайт работает.

Answer 2

[Сергей]

Можно посмотреть в сторону слайдеров каких-то, автоматического переключения изображений.
Можно попробовать подключить bxSlider