Hi!

Ich komm einfach nicht weiter, sitze jetzt seit mehreren Tagen an folgendem Problem:

Ich lese aus einem Ordner (per php) die Bildernamen ein und gebe sie in einer kleinen Übersicht aus. Wenn man nun das einzelne Bild anklickt, möchte ich, dass ein versteckes div sichtbar wird. hier nun mein bisheriger code:

Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<script language=\"JavaScript\">
<!--
function Show(info,pic,gallery)
{
 
if (document.getElementById(info).style.display == \"none\")
{
document.getElementById(info).style.display = \"block\";
document.getElementById('pictureframe').src = \"images/+gallery+/+pic+\";
}
else
{
document.getElementById(info).style.display = \"none\";
}
}
-->
</script>

Code :
1
2
3

<div id=\"popup\" style=\"display:none\">
<img id=\"pictureframe\" src=\"\" width=\"100%\" height=\"100%\">
</div>

der link aus der Übersicht:
Code :
1

echo "<a href=\"javascript:Show('popup','".$pic_detail[3]."','".$pic_detail[2]."')\">";

Hat jemand eine Idee wie man das realisieren kann? Hatte es auch schon mit einem iframe versucht, nur dort hatte ich Probleme mit dem Scrollen, wenn das Bild zu "hoch" wurde.

Vielleicht hat von euch ja jemand eine Idee.
Vielen Dank