---
title: "\"Click to enlarge\" für Bilder in HTML Elementen"
url: "https://www.typo3.net/d/69066-click-to-enlarge-fuer-bilder-in-html-elementen"
source: "typo3.net"
tags: ["Allgemein","Bilder","Frage","JavaScript & AJAX"]
created: "2007-10-08"
last_reply: "2007-10-08"
replies: 5
solved: false
page: 1
pages: 1
lang: "de"
---

# "Click to enlarge" für Bilder in HTML Elementen

Allgemein · 5 Antworten · gestartet 2007-10-08

## Eröffnungsbeitrag

**El_Rolando** · 2007-10-08 · [Beitrag #1](https://www.typo3.net/d/69066-click-to-enlarge-fuer-bilder-in-html-elementen/1)

Hallo Forum

Ich habe ein kleines Problem bezüglich Bilder, bzw. mit dem Click to Enlarge Javascript!

Auf einer Seite werden Bilder per HTML-Element eingebunden (D.h. ein div mit Bildern und noch mehr Zeugs drinn)... leider nicht anders möglich!
Jetzt wäre gewünscht, dass sich die Bilder so verhalten wie jene Bilder welche direkt mit Typo3 als Bild-Elemente erfasst werden und die Option "Click to enlarge" haben.
D.h. bei Klick auf das Bild soll sich ein Popup öffnen (ideale Grösse), welches sich bei einem weiteren Klick auch wieder schliesst. (Wie normal halt! ;-) )

Jetzt dachte ich, dass ich ja nur die Option **"onclick"** hinzuzufügen brauche, denn wenn ich mir die Option mal im Quelltext ansehe, erkenne ich folgenden Syntax:

> onclick="openPic('index.php?eID=tx_cms_showpic&file=uploads%2Fpics%2Fbild.jpg&width=800m&height=600m&bodyTag=%3Cbody%20style%3D%22margin%3A0%3B%20background%3A%23fff%3B%22%3E&wrap=%3Ca%20href%3D%22javascript%3Aclose%28%29%3B%22%3E%20%7C%20%3C%2Fa%3E&md5=7d9a52951bcd9f8033399dee22c573f5','thePicture','width=800,height=539,status=0,menubar=0'); return false;"

Ich komme aber nicht ganz dahinter, wie ich diese Option nun anzupassen brauche, damit es für meine Bilder funktioniert! Bzw. was hier für was steht? Was ich brauche und was nicht?

Oder funktioniert das gar nicht so, wie ich mir das erhoffe??

Wäre froh, wenn mir jemand schnell einen Tipp geben könnte! Merci!!

Freundliche Grüsse an alle...

## Antworten

### [#2](https://www.typo3.net/d/69066-click-to-enlarge-fuer-bilder-in-html-elementen/2) · just2b · 2007-10-08

tausch doch einfach den pfad zum bild aus und fertig

georg

### [#3](https://www.typo3.net/d/69066-click-to-enlarge-fuer-bilder-in-html-elementen/3) · El_Rolando · 2007-10-08

Geht das so einfach? Nun ja, ein Versuch ist es sicher wert...

...aber was ist den z.B. mit dem md5=

> &md5=7d9a52951bcd9f8033399dee22c573f5','thePicture'

Stört das nicht, wenn der md5-Hash nicht korrekt ist?

### [#4](https://www.typo3.net/d/69066-click-to-enlarge-fuer-bilder-in-html-elementen/4) · just2b · 2007-10-08

probiers aus

### [#5](https://www.typo3.net/d/69066-click-to-enlarge-fuer-bilder-in-html-elementen/5) · El_Rolando · 2007-10-08

Es öffnet ein neues Fenster und dort erscheint dann folgender Error:

> Parameter Error: Wrong parameters sent.

Ich habe folgendes Beispiel...

> <a href="index.php?eID=tx_cms_showpic&amp;file=uploads%2Fpics%2Fanfahrt_gross.jpg&amp;width=800m&amp;height=600m&amp;bodyTag=%3Cbody%20style%3D%22margin%3A0%3B%20background%3A%23fff%3B%22%3E&amp;wrap=%3Ca%20href%3D%22javascript%3Aclose%28%29%3B%22%3E%20%7C%20%3C%2Fa%3E&amp;md5=f5e4da9bd6b221e8ab207eece9223990" onclick="openPic('index.php?eID=tx_cms_showpic&amp;file=uploads%2Fpics%2Fanfahrt_gross.jpg&amp;width=800m&amp;height=600m&amp;bodyTag=%3Cbody%20style%3D%22margin%3A0%3B%20background%3A%23fff%3B%22%3E&amp;wrap=%3Ca%20href%3D%22javascript%3Aclose%28%29%3B%22%3E%20%7C%20%3C%2Fa%3E&amp;md5=f5e4da9bd6b221e8ab207eece9223990','thePicture','width=340,height=307,status=0,menubar=0'); return false;" target="thePicture">

...so umgeschrieben:
(Pfad des Bildes wäre: fileadmin/images/referenzen/referenz.jpg )

> <a href="index.php?eID=tx_cms_showpic&amp;file=fileadmin%2Fimages%2Freferenzen%2Freferenz.jpg&amp;width=800m&amp;height=600m&amp;bodyTag=%3Cbody%20style%3D%22margin%3A0%3B%20background%3A%23fff%3B%22%3E&amp;wrap=%3Ca%20href%3D%22javascript%3Aclose%28%29%3B%22%3E%20%7C%20%3C%2Fa%3E&amp;md5=f5e4da9bd6b221e8ab207eece9223990" onclick="openPic('index.php?eID=tx_cms_showpic&amp;file=fileadmin%2Fimages%2Freferenzen%2Freferenz.jpg&amp;width=800m&amp;height=600m&amp;bodyTag=%3Cbody%20style%3D%22margin%3A0%3B%20background%3A%23fff%3B%22%3E&amp;wrap=%3Ca%20href%3D%22javascript%3Aclose%28%29%3B%22%3E%20%7C%20%3C%2Fa%3E&amp;md5=f5e4da9bd6b221e8ab207eece9223990','thePicture','width=340,height=307,status=0,menubar=0'); return false;" target="thePicture">

Doch es erscheint wie gesagt der oben stehende Error!

Hab ich jetzt noch einen Bock drin, was vergessen (z.B. Grössen Parameter etc.) oder geht es so wirklich nicht?

### [#6](https://www.typo3.net/d/69066-click-to-enlarge-fuer-bilder-in-html-elementen/6) · El_Rolando · 2007-10-08

Es geht doch!! Danke für die Hilfe!

Ich habe nun einfach mal auf einer Seite das gewünschte Bild platziert und ein "Click enlarge" dazugefügt, so das es auf der Seite einfach mal funktioniert...

Dann habe ich die nötigen Angaben aus dem Quelltext kopiert und in mein HTML-Element auf der anderen Seite eingefügt...
Das funktionierte zumindest mal so, dass eine neue Seite geöffnet wurde, welche mit einem Klick auf das Bild wieder geschlossen wird... so weit so gut!
Aber es war noch kein Pop-up!

Dann musste/sollte ich ja noch das eigentlichen Script im Quelltext haben.
Als Test habe ich einfach mal auf die Schnelle auf derselben Seite ganz unten ein Spacer.gif mit Click enlarge eingefügt...
Und siehe da, dann funktioniert es wie gewünscht, da das Script nun am Anfang der Seite aufgeführt wird!

Für eine saubere Lösung wäre es natürlich sinnvoll das Script gleich per TS den entsprechenden Seiten zuzuweisen, um nicht so ein "gebastel" zu erhalten...
Das werde ich natürlich noch machen... aber ich bin schon froh, dass es funktioniert, bzw. ich weis wie ich es umsetzten kann!

Merci für den Tipp!
Und einen ganz schönen Abend!

---

Quelle: „"Click to enlarge" für Bilder in HTML Elementen“, typo3.net, https://www.typo3.net/d/69066-click-to-enlarge-fuer-bilder-in-html-elementen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
