2010-01-14 2 views
48

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

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

+0

Вы имеете в виду что-то вроде этого? http://leandrovieira.com/projects/jquery/lightbox/ – Flatlin3

ответ

102

Есть много плагинов JQuery для этого

Thickbox

LightBox

FancyBox

FaceBox

NyroModal

PiroBox

Thickbox Примеры

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

  1. Создать элемент ссылки()
  2. дать ссылку атрибут класса со значением ThickBox (класс = «Thickbox»)
  3. Укажите путь в HREF атрибута файла изображения (.jpg .jpeg .png .gif .bmp)
+0

Мне нужна моя фотография в ThickBox Мне нужен код изображения, как он выглядит с link-img – dexter

+3

См. раздел примеров на сайте Thickbox. – rahul

+0

Можете также сохранить несколько из вас несколько минут. Thickbox кажется действительно багги. Он перестает работать, когда я просматриваю элемент на демонстрационной странице в Chrome, и он не работает для меня на моей собственной странице, даже если я использую демо. – obesechicken13

6

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

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

2

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

WOWslider

удачи

0

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

+0

Повторяющийся ответ: http://stackoverflow.com/a/12252354/1405981 –

1

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

Смежные вопросы