it-swarm.com.de

jQuery: Wie kann ich ein Popup-Bild anzeigen, wenn ich auf das Vorschaubild klicke?

Auf meiner Aspx-Seite habe ich ein Vorschaubild <img>. Wenn der Benutzer auf dieses Bild klickt, möchte ich ein Popup anzeigen, das den Rest der Benutzeroberfläche mit der größeren (vollständigen) Version des Bildes blockiert.

Gibt es Plugins, die das können?

51
dexter

Hierfür stehen eine Vielzahl von jQuery-Plugins zur Verfügung

Thickbox

LightBox

FancyBox

FaceBox

NyroModal

PiroBox

Thickbox-Beispiele

Für ein einzelnes Bild

  1. Erstellen Sie ein Link-Element ()
  2. Weisen Sie dem Link ein Klassenattribut mit dem Wert "thickbox" zu (class = "thickbox").
  3. Geben Sie im Attribut href einen Pfad zu einer Bilddatei an (.jpg .jpeg .png .gif .bmp).
109
rahul

Ich mag prettyPhoto

prettyPhoto ist ein jQuery lightbox Klon. Es unterstützt nicht nur Bilder, sondern auch Videos, Flash, YouTube, Iframes und Ajax. Es ist ein ausgewachsener Medien-Leuchtkasten

6
fastsoft

Dies ist die beliebteste (9500 Sterne) und leichteste (20 KB, 7,5 KB, + gzip) Popup-Galerie, die ich denke: Magnific-Popup

2
Morteza Ziyae

Entschuldigung für das Posten in einem so alten Thread. Ich befand mich in der gleichen Situation und fand eine andere Lösung, die für mich besser funktionierte (ich musste nicht codieren).

WOWslider

Viel Glück

2
user9869932

prettyPhoto ist ein Klon von jQuery lightbox. Es unterstützt nicht nur Bilder, sondern auch Videos, Flash, YouTube, Iframes und Ajax. Es ist ein ausgewachsener Medien-Leuchtkasten

0
Tran Tuan Anh