Мы все знаем поговорку «картинка может сказать тысячу слов», это может быть правдой, но иногда важно показать подписи на изображениях, чтобы дать больше деталей. И снова, используя jQuery, мы можем создавать фантастические эффекты наложения текста , возникающие при наведении мыши на изображение. Таким образом, отображение подписей также может сэкономить место на веб-странице. Мы предлагаем вам 30 текстовых надписей, оверлейных графических скриптов и плагинов, надеюсь, есть один, который бросается в глаза! Наслаждайтесь!
Похожие сообщения:
1. Наложение текста на изображение с помощью очень простого фрагмента jQuery.
Этот пост покажет вам, насколько полезен jQuery, чтобы придать модный вид представлению ваших изображений. Есть некоторые разработчики, которые хотят только поместить фиксированные текстовые сообщения над изображениями. Но есть и другие, которые любят добавлять специи в свой образ.
Исходный Демо
2. jQuery Capty
Это плагин, который создает подписи над изображениями.
Источник и Демо
3. Плагин для наложения изображений jQuery
Плагин наложения изображений — это простой плагин jQuery, который пытается представить изображение с наложенным заголовком / заголовком. Наложение падает при наведении, как вы можете видеть ниже.
Исходный Демо
4. Наведите текст изображения
Этот проект позволяет создавать изображения вместе с описательным текстом, отображаемым при наведении мыши, аналогично инструменту, однако текст накладывается на изображение.
Исходный Демо
5. Мозаика
Раздвижные коробки и подписи jQuery плагин
Исходный Демо
6. Красивые подписи к изображениям с плагином jQuery Captify
Captify — это плагин для jQuery, написанный Брайаном Ривисом (Brian Reavis), для отображения простых, красивых заголовков изображений, которые появляются при наведении курсора Он был протестирован на Firefox, Chrome, Safari и убогом Internet Explorer.
Исходный Демо
7. Подписи к изображениям
Добавляет подпись к изображениям. Подписи извлекаются из тега alt или html для указанного элемента. Все еще только версия 0.1, это больше подтверждение концепции, чем производственная версия.
Источник
8. jCaption
Это плагин jQuery, предназначенный для простого добавления подписей к странице. Он берет элемент изображения и использует один из его атрибутов для создания разметки для заголовка.
Исходный Демо
9. JQuery плагин для всплывающей подсказки
Простой плагин jQuery, который добавляет заголовок и эффект серого при наведении курсора на изображение.
Источник и Демо
10. jQuery Captify (v1.1.3)
Маленький / простой и полностью готовый к использованию в производственных условиях.
Источник и Демо
11. Создание подписей к изображениям с помощью jQuery
В этом уроке мы сделаем красивую полупрозрачную подпись к изображению, используя jQuery. Заголовок изображения будет активирован при наведении курсора.
Исходный Демо
12. Как создать подпись к изображению с помощью jQuery
Этот заголовок изображения не является плагином — он просто позволяет понять, как будет создаваться заголовок изображения jQuery.
Исходный Демо
13. jSquares для jQuery
Это плагин jQuery, который выскакивает изображение и описание в оверлее при наведении курсора.
Исходный Демо
14. Бокси
Предоставляет плагин jQuery для автоматического подключения ссылок и форм, а также помощник ask () для представления пользователю нескольких вариантов выбора.
Исходный Демо
15. jCapSlide: плагин заголовка изображения jQuery
Вот новый плагин для создания красивых скользящих надписей для изображений. При наведении курсора на изображение появляется заголовок, и изображение получает полупрозрачное наложение цвета.
Исходный Демо
16. Плагин jQuery для удаления титров
Субтитры получают атрибут заголовка изображения и преобразует его в заголовок, который появляется только при наведении курсора мыши на изображение. Это также полностью разлагается, если у пользователя отключен JavaScript; атрибут title будет по-прежнему отображать тот же текст.
Исходный Демо
17. Анимированное изображение Caption для WordPress с помощью jQuery
Заголовок изображения уже реализован в WordPress. В этом руководстве вы узнаете, как управлять заголовком изображения, чтобы оно появлялось только при наведении мыши. (Оригинальная статья написана на немецком языке, используйте переводчик Google, чтобы перевести ее на английский).
Исходный Демо
18. jQuery Image ‘Wrap’ Подписи
Просто поместите некоторый текст в атрибут title и присвойте изображению class = ”captionme”, и вы получите прекрасные надписи, которые дополняют ваши встроенные изображения.
Источник и Демо
19. Создайте миниатюру с исчезающей надписью, используя jQuery
Из этого туториала вы узнаете, как создать заголовок для вашей галереи миниатюр. Он использует инфраструктуру jQuery и CSS для создания этого прозрачного и исчезающего эффекта.
Исходный Демо
20. Flash-плагин: подписи
Вы можете предоставить информацию титров в виде внешнего текстового файла или встроить их в контейнер mp4.
Источник
21. EasyImageCaption
Плагин генерирует подписи из тегов TITLE или ALT изображений в статьях и отображает их под (или над) изображениями. Он был разработан в качестве альтернативы встроенному решению для подписи javascript в Joomla!, А также плагину для редактора JCE.
Исходный Демо
22. iCaptionate: автоматические подписи к изображениям
Он может автоматически подписывать любые изображения, которые вы хотите, без настройки макета страницы, когда они плавают или выпадают, и использует для заголовка атрибут title!
Исходный Демо
23. Заголовок нижнего колонтитула jQuery
Добавляет заголовок нижнего колонтитула к изображению, блоку div или любому другому элементу DOM. Вы также можете установить некоторые параметры для использования собственного текста.
демонстрация
24. jquery.pictext
Создает наложение с подписью к изображениям из заголовка тега или альтернативного текста.
Источник
25. JQuery Stack Banner Слайд-шоу с подписями
Используйте это сексуальное и стильное баннерное слайд-шоу, чтобы оживить ваш сайт.
Функции:
> 2 варианта макета (вертикальный и горизонтальный).
> 2 направленных движения (вперед и назад).
> Настройте размер изображения и границы.
> Неограниченные титры допускаются.
> Подписи могут быть связаны.
> Отрегулируйте тени.
> Отрегулируйте скорость слайд-шоу и углы поворота.
> Отрегулируйте скорость открытия титров и задержки.
> Авто запускает слайд-шоу.
> Включен предварительный загрузчик крутого круга.
> Инструкции по установке включены.
> Вращение поддерживается даже в старых версиях Internet Explorer.
Исходный Демо
26. jQuery Doom Карусель Плагин
Здесь поставляется jQuery Doom Carousel с возможностью интеграции с плагином jQuery Easing.
Исходный Демо
27. Плагин jQuery: подписи к изображениям
Плагин jQuery, который добавляет заголовок к нижней части изображений, это полезно для отображения дополнительного текста об изображениях, когда пользователь наводит курсор на изображение.
Исходный Демо
28. CSS3 изображение и текст наложения
Этот плагин позволяет быстро сделать ролловер для изображения.
Исходный Демо
29. Создание надписи на изображении с использованием CSS
Создание надписи на изображении с помощью CSS
Исходный Демо
30. JQuery Feature Карусель
Этот плагин должен был использоваться для отображения тематических историй на домашней странице веб-сайта, но его можно использовать по любой причине и он легко настраивается. Он всегда будет отображать три изображения одновременно, а все остальное будет скрыто за центральным изображением.
Источник и Демо