Как сделать просмотр фотографий при наведении?

Question

[pnnn333]

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

Comments

[Rustam Bainazarov]

Пишется куда-нибудь массив ссылок на фото (да хоть в data-атрибут), по клику инициализируется галерея с информацией из массива средствами того плагина, который вы используете.

Это как самый просто и примитивный вариант.

[ThunderCat]

fancybox?

Answer 1

[Valera Dobroman]

Реализуй на js, используй события и евенты

let div = какой-то элемент
// вот источник https://learn.javascript.ru/mouse-clicks;
div.addEventListener('click',ha_key);

// или навестись мышкой div.addEventListener('mouseover',ha_key);

function ha_key() {
и тут ты работаешь над другим дивом,  создаешь отдельный див
который будет поверх всего, типа за главный и когда ты кликаешь на первый див,
показывается уже слайдер крупным планом, который должен быть заранее приготовлен
со стилем display:none
// вот источник как менять стили элементам https://learn.javascript.ru/styles-and-classes
}

Answer 2

[Иван Медведев]

Попробуйте подключить к странице плагин FancyBox - это должно решить вашу задачу.

Вот этот плагин: fancyapps.com/fancybox/3