Статьи

30 текстовых надписей наложенных изображений плагинов

Мы все знаем поговорку «картинка может сказать тысячу слов», это может быть правдой, но иногда важно показать подписи на изображениях, чтобы дать больше деталей. И снова, используя jQuery, мы можем создавать фантастические эффекты наложения текста , возникающие при наведении мыши на изображение. Таким образом, отображение подписей также может сэкономить место на веб-странице. Мы предлагаем вам 30 текстовых надписей, оверлейных графических скриптов и плагинов, надеюсь, есть один, который бросается в глаза! Наслаждайтесь!

Похожие сообщения:

1. Наложение текста на изображение с помощью очень простого фрагмента jQuery.

Этот пост покажет вам, насколько полезен jQuery, чтобы придать модный вид представлению ваших изображений. Есть некоторые разработчики, которые хотят только поместить фиксированные текстовые сообщения над изображениями. Но есть и другие, которые любят добавлять специи в свой образ.
Overlay-Text-над-ан-Image-с-простейшими JQuery-Snippet.jpg
Исходный Демо

2. jQuery Capty

Это плагин, который создает подписи над изображениями.
JQuery-Capty.jpg
Источник и Демо


3. Плагин для наложения изображений jQuery

Плагин наложения изображений — это простой плагин jQuery, который пытается представить изображение с наложенным заголовком / заголовком. Наложение падает при наведении, как вы можете видеть ниже.
JQuery-Image-Overlay-Plugin.jpg
Исходный Демо

4. Наведите текст изображения

Этот проект позволяет создавать изображения вместе с описательным текстом, отображаемым при наведении мыши, аналогично инструменту, однако текст накладывается на изображение.
Hover-Image-Text.jpg
Исходный Демо

5. Мозаика

Раздвижные коробки и подписи jQuery плагин
Mosaic.jpg
Исходный Демо

6. Красивые подписи к изображениям с плагином jQuery Captify

Captify — это плагин для jQuery, написанный Брайаном Ривисом (Brian Reavis), для отображения простых, красивых заголовков изображений, которые появляются при наведении курсора Он был протестирован на Firefox, Chrome, Safari и убогом Internet Explorer.
Красивые-Image-Титры-с-JQuery-Captify-Plugin.jpg
Исходный Демо

7. Подписи к изображениям

Добавляет подпись к изображениям. Подписи извлекаются из тега alt или html для указанного элемента. Все еще только версия 0.1, это больше подтверждение концепции, чем производственная версия.
Изображение-Captions.jpg
Источник

8. jCaption

Это плагин jQuery, предназначенный для простого добавления подписей к странице. Он берет элемент изображения и использует один из его атрибутов для создания разметки для заголовка.
jCaption.jpg
Исходный Демо

9. JQuery плагин для всплывающей подсказки

Простой плагин jQuery, который добавляет заголовок и эффект серого при наведении курсора на изображение.
JQuery-парят-титр-plugin.jpg
Источник и Демо

10. jQuery Captify (v1.1.3)

Маленький / простой и полностью готовый к использованию в производственных условиях.
JQuery-Captify-v113.jpg
Источник и Демо

11. Создание подписей к изображениям с помощью jQuery

В этом уроке мы сделаем красивую полупрозрачную подпись к изображению, используя jQuery. Заголовок изображения будет активирован при наведении курсора.
Создание-Image-Титры-используя-jQuery.jpg
Исходный Демо

12. Как создать подпись к изображению с помощью jQuery

Этот заголовок изображения не является плагином — он просто позволяет понять, как будет создаваться заголовок изображения jQuery.
Как к создать-ан-образ-подпись-с-jQuery.jpg
Исходный Демо

13. jSquares для jQuery

Это плагин jQuery, который выскакивает изображение и описание в оверлее при наведении курсора.
jSquares-для-jQuery.jpg
Исходный Демо

14. Бокси

Предоставляет плагин jQuery для автоматического подключения ссылок и форм, а также помощник ask () для представления пользователю нескольких вариантов выбора.
Boxy.jpg
Исходный Демо

15. jCapSlide: плагин заголовка изображения jQuery

Вот новый плагин для создания красивых скользящих надписей для изображений. При наведении курсора на изображение появляется заголовок, и изображение получает полупрозрачное наложение цвета.
jCapSlide-A-JQuery-Image-Caption-Plugin.jpg
Исходный Демо

16. Плагин jQuery для удаления титров

Субтитры получают атрибут заголовка изображения и преобразует его в заголовок, который появляется только при наведении курсора мыши на изображение. Это также полностью разлагается, если у пользователя отключен JavaScript; атрибут title будет по-прежнему отображать тот же текст.
JQuery-Drop-Титры-Plugin.jpg
Исходный Демо

17. Анимированное изображение Caption для WordPress с помощью jQuery

Заголовок изображения уже реализован в WordPress. В этом руководстве вы узнаете, как управлять заголовком изображения, чтобы оно появлялось только при наведении мыши. (Оригинальная статья написана на немецком языке, используйте переводчик Google, чтобы перевести ее на английский).
Анимационная-изображения Caption-для-WordPress-с-jQuery.jpg
Исходный Демо

18. jQuery Image ‘Wrap’ Подписи

Просто поместите некоторый текст в атрибут title и присвойте изображению class = ”captionme”, и вы получите прекрасные надписи, которые дополняют ваши встроенные изображения.
JQuery-Image-Wrap-Captions.jpg
Источник и Демо

19. Создайте миниатюру с исчезающей надписью, используя jQuery

Из этого туториала вы узнаете, как создать заголовок для вашей галереи миниатюр. Он использует инфраструктуру jQuery и CSS для создания этого прозрачного и исчезающего эффекта.
Create-A-миниатюра-с-замирания-Caption-Using-jQuery.jpg
Исходный Демо

20. Flash-плагин: подписи

Вы можете предоставить информацию титров в виде внешнего текстового файла или встроить их в контейнер mp4.
Флэш-плагин-Captions.jpg
Источник

21. EasyImageCaption

Плагин генерирует подписи из тегов TITLE или ALT изображений в статьях и отображает их под (или над) изображениями. Он был разработан в качестве альтернативы встроенному решению для подписи javascript в Joomla!, А также плагину для редактора JCE.
EasyImageCaption.jpg
Исходный Демо

22. iCaptionate: автоматические подписи к изображениям

Он может автоматически подписывать любые изображения, которые вы хотите, без настройки макета страницы, когда они плавают или выпадают, и использует для заголовка атрибут title!
iCaptionate-автомат-изображения captions.jpg
Исходный Демо

23. Заголовок нижнего колонтитула jQuery

Добавляет заголовок нижнего колонтитула к изображению, блоку div или любому другому элементу DOM. Вы также можете установить некоторые параметры для использования собственного текста.
JQuery-Footer-Caption.jpg
демонстрация

24. jquery.pictext

Создает наложение с подписью к изображениям из заголовка тега или альтернативного текста.
jquerypictext.jpg
Источник

25. JQuery Stack Banner Слайд-шоу с подписями

Используйте это сексуальное и стильное баннерное слайд-шоу, чтобы оживить ваш сайт.
Функции:
> 2 варианта макета (вертикальный и горизонтальный).
> 2 направленных движения (вперед и назад).
> Настройте размер изображения и границы.
> Неограниченные титры допускаются.
> Подписи могут быть связаны.
> Отрегулируйте тени.
> Отрегулируйте скорость слайд-шоу и углы поворота.
> Отрегулируйте скорость открытия титров и задержки.
> Авто запускает слайд-шоу.
> Включен предварительный загрузчик крутого круга.
> Инструкции по установке включены.
> Вращение поддерживается даже в старых версиях Internet Explorer.
JQuery-Stack-Banner-шоу-с-Captions.jpg
Исходный Демо

26. jQuery Doom Карусель Плагин

Здесь поставляется jQuery Doom Carousel с возможностью интеграции с плагином jQuery Easing.
JQuery-Doom-Carousel-Plugin.jpg
Исходный Демо

27. Плагин jQuery: подписи к изображениям

Плагин jQuery, который добавляет заголовок к нижней части изображений, это полезно для отображения дополнительного текста об изображениях, когда пользователь наводит курсор на изображение.
JQuery-плагин-captionate-images.jpg
Исходный Демо

28. CSS3 изображение и текст наложения

Этот плагин позволяет быстро сделать ролловер для изображения.
CSS3-Image-Text-Overlay.jpg
Исходный Демо

29. Создание надписи на изображении с использованием CSS

Создание надписи на изображении с помощью CSS
Создание-Image-Overlay-Caption-Using-CSS.jpg
Исходный Демо

30. JQuery Feature Карусель

Этот плагин должен был использоваться для отображения тематических историй на домашней странице веб-сайта, но его можно использовать по любой причине и он легко настраивается. Он всегда будет отображать три изображения одновременно, а все остальное будет скрыто за центральным изображением.
JQuery-Feature-Carousel.jpg
Источник и Демо