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

T.dot · 21.02.2007, 15:23

Ich würde im Javascript die Größe des divs auf die Bildgröße setzen.
Diese würde ich in PHP mit getimtagesitze auslesen. http://de.php.net/manual/de/function.getimagesize.php und deiner Javascriptfunktion übergeben.

Blauer Kuckuck · 21.02.2007, 16:23

Hi,

naja, mein Problem war, dass die Bilder meistens über 1024 * 768 Pixel groß und deshalb zu groß waren.

Ich habs anders gemacht, allerdings zu kompliziert zum Erklären

bzw. ich bin jettzt zu k.o....

Aber ihr könnt es begutachten unter
gallery.siemersm.de

Ich bin übrigens dankbar für Tipps...

Quellcode dürft ihr auch kopieren, aber ein Danke wäre nett^^.

Viele liebe Grüße,

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

21.02.2007, 15:23	#2
T.dot Master Registriert seit: 13.08.2003 Beiträge: 624	Ich würde im Javascript die Größe des divs auf die Bildgröße setzen. Diese würde ich in PHP mit getimtagesitze auslesen. http://de.php.net/manual/de/function.getimagesize.php und deiner Javascriptfunktion übergeben.

21.02.2007, 16:23	#3
Blauer Kuckuck Veteran Registriert seit: 21.02.2006 Beiträge: 321	Hi, naja, mein Problem war, dass die Bilder meistens über 1024 * 768 Pixel groß und deshalb zu groß waren. Ich habs anders gemacht, allerdings zu kompliziert zum Erklären bzw. ich bin jettzt zu k.o.... Aber ihr könnt es begutachten unter gallery.siemersm.de Ich bin übrigens dankbar für Tipps... Quellcode dürft ihr auch kopieren, aber ein Danke wäre nett^^. Viele liebe Grüße, Blauer Kuckuck

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