jQuery: Jak mogę wyświetlić wyskakujące okienko obrazka na kliknięciu miniatury?

Na mojej stronie aspx mam miniaturkę <img>. Gdy użytkownik kliknie na obrazek, chciałbym, aby wyskakujące okienko pokazywało, że blokuje resztę interfejsu użytkownika z większą (pełną) wersją obrazu.

Czy są jakieś wtyczki, które mogą to zrobić?

Author: Crescent Fresh, 2010-01-14
Source

5 answers

Istnieje wiele wtyczek jQuery dostępnych do tego

Thickbox

LightBox

FancyBox

FaceBox

NyroModal

PiroBox

Thickbox Przykłady

Dla pojedynczego obrazu

  1. Utwórz element linku ()
  2. nadaj linkowi atrybut klasy o wartości thickbox (class= "thickbox")
  3. podaj ścieżkę w atrybucie href do pliku obrazu (..jpgjpeg .png .gif .bmp)
 109
Author: rahul,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-11-05 23:34:48

I like prettyPhoto

PrettyPhoto jest klonem jQuery lightbox . Nie tylko obsługuje obrazy, ale także obsługuje filmy, flash, YouTube, iframes i ajax. Jest to full blown Media lightbox

 6
Author: fastsoft,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-09-03 18:05:33

Przepraszam za zamieszczenie na tak starym wątku. Byłem w tej samej sytuacji i znalazłem inne rozwiązanie, które działało lepiej dla mnie (nie musiałem kodować)

WOWslider

Powodzenia

 2
Author: xyz,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-04-11 08:35:33

Jest to najpopularniejsza (9500 gwiazdek) i lekka (20KB minify, 7.5 KB minify+ gzip)Galeria popup chyba: Magnific-Popup

 2
Author: Morteza Ziaeemehr,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-08-22 05:52:17

PrettyPhoto jest klonem jQuery lightbox. Nie tylko obsługuje obrazy, ale także obsługuje filmy, flash, YouTube, iframes i ajax. To jest full blown Media lightbox

 0
Author: Tran Tuan Anh,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-04-10 12:32:59