web-dev-qa-db-de.com

Wie kann ich eine Funktion zum Vergrößern von Bildern hinzufügen, wobei sich das vergrößerte Bild in einem Popup öffnet?

Ich habe mehrere Bilder von UI-Formularen und Aufgaben, die ziemlich groß sind. Ich möchte ein kleineres 'Thumbnail'-Bild anzeigen, das dem Benutzer die Option' Zum Vergrößern klicken 'gibt, und dann das Bild in voller Größe entweder in einem Popup-Fenster oder einem separaten Fenster oder einer Registerkarte anzeigen. Ich Pop-ups sind verpönt, aber das ist eine Entscheidung, die ich noch treffen muss.

Wie würde ich das machen? Wo würde ich das JavaScript platzieren, das das Bild in voller Größe lädt und ein neues Fenster öffnet?

1
ProfK

Sie sollten dafür einen Leuchtkasten verwenden. Probier diese. Es läuft gut

http://lokeshdhakar.com/projects/lightbox2/

Es gibt Anweisungen zur Verwendung und Dokumentation zur Funktionsweise. Der Download enthält auch Beispiele und Sie können den Code einfach kopieren und einfügen.

1
Jamie