Hallo Leute,

Traum-Projekt hat mir schon oft geholfen, aber jetzt weis ich absolut nicht weiter.
Ich habe eine Seite, in der verkleinerte Bilder aufgelistet werden. Wenn man nun mit der Maus über eins dieser Bilder fährt, soll das Bild in normaler Größe in einem "DIV" unter den aufgelisteten kleinen Bildern erscheinen und auch bei verlassen des kleinen Bildes mit der Maus in diesem "DIV" bleiben, bis ich über ein anderes Bild fahre. Bei meiner Lösung mit CSS wird das Bild aber "irgendwo" platziert und verschwindet wieder. Mir scheint, dass man dies nur mit JavaScript lösen kann.

Hier ist der Code meiner Seite:
Code:
<?php
        include 'include/include.inc.php';
        include 'include/db/db_connect.inc.php';
        include 'include/functions/randomimage.inc.php';

        $id = $_GET['id'];
?>

        <div id="content">
<?php
        $bilder = array();
        $path = "inserate/inserat" . $id . "/thumbs/";

        $dir = opendir($path);

        while($datei = readdir($dir)) {
                if($datei != "." && $datei != ".." && !is_dir($datei)) {
                        $picture = $path . $datei;
                        $bigpic = str_replace("thumbs/thumb_", "", $picture);

                        echo "<div id='box'>
                                        <a href='#'>
                                                <img src='$picture' width='80' />
                                        </a>
                                        <br />
                                        <div id='invisible'>
                                                <img src='$bigpic' />
                                        </div>
                                </div>";
                }
        }
?>
        </div>
<?php
include 'include/content/footer.inc.php';
?>
Kann mir jemand weiterhelfen?

Viele Grüße
DerLohmi