Bild per klick vergrössert in einem Popup öffnen

[swinxx]

Also,

ich suche ein Script oder Codeteil zum einfügen mit denen ich folgendes machen kann:

Ich habe ein Bild in der normalen Version und in einer verkleinerten Version. Die verkleinerte Version füge ich jetzt auf einer Seite ein.

Wenn man nun auf dieses kleine Bild klickt soll sich ein Popup oder LAyer öffnen der das Bild in der Originalgrösse zeigt. Es soll dabei kein neues Fenster aufgehen, nur ein Popup oder Layer den man per klick auf X wieder schliessen kann.

Natürlich weiss cih das es verschiedene Möglichkeiten gibt dies per Java Script zu lösen, jedoch besteht dann natürlich auch das Problem das das ganze nur funktioniert wenn der User Java aktiv hat.

Es ist also nach Möglichkeit ein Code gesucht der rein php oder vielleicht sogar nur HTML ist (falls das überhaupt möglich ist). Das ganze Typo03 Zeug is mir zu aufwendig und wahrscheinlich in meinem Fall auch nicht verwendbar...

Kann mir da jemand helfen oder weiss was wo ich ne Lösung finde ?

cu, Swinxx

[Aloaman]

Rein in HTML würde ich folgenden Code verwenden:

<a href="grossesbild.jpg" target="_blank">
<img src="kleinesbild.jpg" width="100" height="80" alt="Vorschau" border="1">
</a>

[oje]

die frage ist halt, soll das dynamisch laufen, oder sind es nur wenige bilder.
denn wenn du viele oft wechselnde oder oft mehr werdende bilder hast, ist es doof für jedes bild den code eingeben zu müssen.

da würde dann mindestens php benötigt. jetzt die frage db oder nicht?
wenn du keine db nehmen willst:

<?php
$files = array();
$i = 0;
$dir = 'images/galerie/' . substr($mode, 4) . '/';
if (is_dir($dir))
{
if ($dh = opendir($dir))
{
while (($file = readdir($dh)) !== false)
{
if (strtolower(substr($file,-3)) == 'jpg')
{
$files[$i++] = $file;
}
}
closedir($dh);
}
}
?>

<?php
foreach ($files as $file)
{
?>

<div class="pix">
<a target="_ blank" rel='lightbox[1]'; href="vollbild.php?cat=<?php global $section; echo substr($mode, 4); ?>&amp;fn=<?php echo substr($file,0,-4); ?>&amp;section=<?php echo $section; ?>">
<img src="images/galerie/<?php global $mode; echo substr($mode, 4);?>/<?php echo $file; ?>" alt="" />
</a>
</div>

<?php
}
?>

vollbild.php:
<?php
$cat = '';
if (isset($_REQUEST['cat']) && $_REQUEST['cat'] != '')
{
$cat = str_replace( '.', '', $_REQUEST['cat']);
}
else
{
exit();
}
$filename = '';
if (isset($_REQUEST['fn']) && $_REQUEST['fn'] != '')
{
$filename = str_replace( '.', '', $_REQUEST['fn']);
}
else
{
exit();
}
header("Content-type: image/jpeg");
readfile('images/galerie/' . $cat . '/vollbild/' . $filename . '.jpg');
?>

bei dieser galerie ist im moment das lightbox-addon aktiv, anzuschauen unter:
http://freiherr-vom-stein.de/contenido-4.6.8.4/cms/front_content.php?idcat=103
wenn java script nicht aktiv ist, wird es im neuen fenster geöffnet, ansonsten als overlay. da muss man allerdings noch die lightbox installieren, gibts aber als freeware.

[swinxx]

@Aloaman: Normal verlinken ist kein Problem, das kann ich auch ;) Es geht mir ja darum das sich das Bild NICHT in einem neuen Fenster öffnet !!

@oje: Ja, das ist das was ich auch bis jetzt gefunden habe, die Lightbox Dinger über Java. Hast du da auch was wie man es mit DB machen kann ?

Ich denke mal nur mit php wird das dann nicht möglich sein. Werd mich dann wohl doch mit Java zu Zeil ringen müssen. Lightbox hab ich mir schon geladen und versuche ich dann einzubauen.

Danke auf jeden Fall für eure Hilfe !

cu, Swinxx

[Aloaman]

dann mach einfach aus dem target="_blank" ein target="_self"
Der Befehl _self sorgt dafür, dass das Bild im selben Fenster geöffnet wird und nicht wie du es gerne hättest im Popup oder im Layer. Soweit ich weiss, kann man ohne Java kein Popup oder Layer öffnen lassen.

[swinxx]

Soweit ich weiss, kann man ohne Java kein Popup oder Layer öffnen lassen.

Genau das ist mein Prob, habe mich aber mittlerweile schon damit abgefunden das gaze mit Java zu machern.

Dazu verwende ich das Lightbox Tool was es da gibt, ich hoffe nur das ich damit zurechtkomme das einzubauen !

cu, Swinxx