20:16 | 05.05.2024
Web-разработка
Реклама

Всплывающие описания изображений при наведении курсора мыши

jQuery решения для создания всплывающих названий и описаний изображений при наведении курсора мыши. В заметке собрано 10 реализаций подобного эффекта с различным стилевым оформлением и анимированным эффектом.

1. jQuery плагин «Hover Zoom»

Эффект при наведении курсора на изображение

Оригинальное решение для реализации описания изображений при наведении курсора с использованием Zoom эффекта.

2. Плагин «Captify»

Всплывающие подписи изображений

3. jQuery описание изображений в галерее

jQuery подписи изображений

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

4. jQuery реализация подписей изображений

Плагин jQuery подписи изображений

Несколько вариантов реализации подписей для изображений, которые появляются при наведении на картинку курсора мыши.

5. jQuery эффект раздвижных дверей

Галерея в виде стопки фотографий

При наведении на миниатюру на ее месте эффектно появляется описание.

6. jQuery плагин «Zoominfo»

Галерея jQuery

При наведении курсора на изображение оно уменьшается и появляется название и описание фото.

7. jQuery плагин «Mosaic»

Всплывающие описания изображений при наведении курсора мыши

Реализация всплывающих описаний изображений при наведении курсора мыши. Предусмотрено 8 различных видов всплывающих подписей. Вы сможете их посмотреть на демонстрационной странице.

8. Всплывающие подписи изображений

jQuery подписи изображений

При наведении курсора мыши на изображение выезжает краткое описание со ссылкой на подробную информацию.

9. Плагин для реализации подписи изображений

jQuery описание изображений

Еще один вариант реализации всплывающих подписей изображений при наведении курсора. Есть возможность выбрать из двух jQuery эффектов появления подписей.

10. Описание изображений «Preview window»

Описание для изображений, при наведении

Плагин для подписи изображений. При наведении курсора мыши с анимированным эффектом появляется описание изображения. Для создания анимации используется jQuery.