WCM Forum - Hintergrundbild einer Divbox anpassen?!?!

WCM Forum (http://www.wcm.at/forum/index.php)

- Programmierung (http://www.wcm.at/forum/forumdisplay.php?f=17)

- - Hintergrundbild einer Divbox anpassen?!?! (http://www.wcm.at/forum/showthread.php?t=210483)

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

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.

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 :D 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