jQuery: как я могу показать всплывающее изображение onclick миниатюры?


на моей странице aspx у меня есть миниатюра <img>. Когда пользователь нажимает на это изображение, я хотел бы, чтобы всплывающее окно показывало, что блокирует остальную часть пользовательского интерфейса с большей (полной) версией изображения.

есть ли плагины, которые могут сделать это?

5   51   2010-01-14 12:28:24

5 ответов:

для этого доступно множество плагинов jQuery

Thickbox

лайтбокс

FancyBox

FaceBox

NyroModal

PiroBox

Thickbox Примеры

для одного изображения

  1. создать элемент link ()
  2. дайте ссылке атрибут класса со значением thickbox (class= "thickbox")
  3. укажите путь в атрибуте href к файлу изображения (.формат jpg.в формате JPEG .формат PNG. файл gif.bmp)

Мне нравится prettyPhoto

prettyPhoto-это jQuery лайтбокс клон. Он не только поддерживает изображения, но также поддерживает видео, flash, YouTube, iframes и ajax. Это полномасштабный медиа лайтбокс

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

WOWslider

удачи

Это самый популярный (9500 звезд) и легкий вес (20kb minify, 7.5 KB minify+gzip) всплывающая галерея я думаю: Magnific-Popup

prettyPhoto-это клон лайтбокса jQuery. Он не только поддерживает изображения, но также поддерживает видео, flash, YouTube, iframes и ajax. Это полномасштабный медиа лайтбокс