Hintergrundbild einer Divbox anpassen?!?!

Blauer Kuckuck · 20.02.2007, 21:45

Hi Leutz,

ich bin dabei eine Galerie zu programmieren, die folgendes Feature enthalten soll:
Man fährt mit der Maus über eins der verkleinerten Bilder und in einer DivBox daneben kommt eine vergrößerte Version. Das funzt auch schon wunderbar, ich hab bloß das Problem, dass die meisten Bilder größer sind als die DivBox und man bloß ein Stückchen sieht. Hier also mein Quellcode:

PHP-Code:


			
<html>

    <head>

        <link rel='stylesheet' type='text/css' href='style.css' />

        

        <title>

            Galerie - siemersm.de

        </title>

        <script>



            function preview(bgimage)

            {

                document.getElementById('preview').style.backgroundImage = "url("+bgimage+")";

                return true;

            }

        </script>

    </head>

    <body oncontextmenu='return true;'>

        <div id='contents'>

            <?php

            error_reporting (E_ERROR);

            $path = 'imgs/';

            If ($dir = opendir ($path)) {

                While ($file = readdir ($dir)) {

                    If ($file != '.' && $file != '..') {

                        $img = $path.$file;

                        echo '[url="'.$img.'"][img]'.$img.'[/img][/url]';

                    }

                }

                closedir ($path);

            }

            ?>

        </div>

        <div name='preview' id='preview'>

        </div>

    </body>

</html>

Könnt ihr mir einen Tipp geben, wie ich die Bilder vollständig in die DivBox kriege?

THX schon mal im Voraus,

Blauer Kuckuck

20.02.2007, 21:45	#1
Blauer Kuckuck Veteran Registriert seit: 21.02.2006 Beiträge: 321	Hintergrundbild einer Divbox anpassen?!?! Hi Leutz, ich bin dabei eine Galerie zu programmieren, die folgendes Feature enthalten soll: Man fährt mit der Maus über eins der verkleinerten Bilder und in einer DivBox daneben kommt eine vergrößerte Version. Das funzt auch schon wunderbar, ich hab bloß das Problem, dass die meisten Bilder größer sind als die DivBox und man bloß ein Stückchen sieht. Hier also mein Quellcode: PHP-Code: <html> <head> <link rel='stylesheet' type='text/css' href='style.css' /> <title> Galerie - siemersm.de </title> <script> function preview(bgimage) { document.getElementById('preview').style.backgroundImage = "url("+bgimage+")"; return true; } </script> </head> <body oncontextmenu='return true;'> <div id='contents'> <?php error_reporting (E_ERROR); $path = 'imgs/'; If ($dir = opendir ($path)) { While ($file = readdir ($dir)) { If ($file != '.' && $file != '..') { $img = $path.$file; echo '[url="'.$img.'"][img]'.$img.'[/img][/url]'; } } closedir ($path); } ?> </div> <div name='preview' id='preview'> </div> </body> </html> Könnt ihr mir einen Tipp geben, wie ich die Bilder vollständig in die DivBox kriege? THX schon mal im Voraus, Blauer Kuckuck

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)