kostenloser Webspace werbefrei: lima-city

Bildabmessungen auslesen

lima-city → Forum → Programmiersprachen → PHP, MySQL & .htaccess

1. Autor dieses Themas

   robin

   

   robin hat kostenlosen Webspace.

   21:21, 8.5.2008

   Hi, ich suche was um die Größe (tag/abmessung">Abmessungen) von Bildern auszulesen.
   ich möchte Bildern einzeln anzeigen und per Klick das nächste Bild nachladen. Nun kann es aber sein, dass z. B. das erste Bild Hochformat und das nächste Querformat hat. Dazu würde ich vorher gern das Bild \"abtasten\" und die Größe ermitteln, um dann dynamisch die Größe anzupassen.
   

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. estezed

   

   estezed hat kostenlosen Webspace.

   21:40, 8.5.2008

   Das sollte dir weiterhelfen:
   
   http://de.php.net/getimagesize

4. m**********r

   21:41, 8.5.2008

   Verschoben nach \'PHP & MySQL\'
5. Autor dieses Themas

   robin

   

   robin hat kostenlosen Webspace.

   22:37, 8.5.2008

   da ich mich mit php nicht auskenn -> kann ich diese codestücke jetzt einfach wild in meine html-seite knallen oder muss ich da was beachten
   das scheint mir schon genau das zu sein, was ich brauch - ich dacht zwar eher an javascript aber ok

6. estezed

   

   estezed hat kostenlosen Webspace.

   22:50, 8.5.2008

   Du musst die \"Codestücke\" unbedingt zwischen

   <?php

   und

   ?>

   schreiben.
   
   Hier ein Beispiel:
   

   <?php
   $bild = \'beispielbild.gif\';
   $info = getimagesize($bild);
   
   $breite = $info[0]; 
   $hoehe = $info[1]; 
   ?>

   
   
   
   Beitrag geändert: 8.5.2008 23:01:24 von estezed
7. Autor dieses Themas

   robin

   

   robin hat kostenlosen Webspace.

   23:22, 8.5.2008

   ok und wie übergeb ich die werte an javascript?
   
   hatte mir das im pseudocode so gedacht:
   onclick ... document...img.src= ... width=... heigt=...
   
   also das vorhandene bild mit dem neuen überschreiben und dabei die größe anpassen
   hatte sowas schon mal gemacht, habe dafür allerdings die werte vorher manuell ausgelesen und aufgeschrieben :(

8. s********r

   5:41, 9.5.2008

   <?php
   $bild = \'beispielbild.gif\';
   $info = getimagesize($bild);
   $breite = $info[0]; 
   $hoehe = $info[1]; 
   echo \"onclick ... document...img.src=\'$bild\' width=\'$breite\' heigt=\'$hoehe\'\";
   ?>

   
   
   Allerdings musst du darauf achten, dass du in der Echo-Ausgabe nicht nocheinmal ein \" verwendest; stattdessen nimmst du darin \'.
   
   MfG
   
   sebigisler
   
   //So, jetzt ises in der Code-Box ;)
   
   Beitrag geändert: 9.5.2008 5:43:06 von sebigisler

9. e********l

   8:42, 9.5.2008

   Wenn du das über JavaScript machst, dann benötigst du die Informationen nicht wirklich.
   
   Du erzeugst in JavaScript einfach ein neues Image Object und weißt dessen Source das entsprechende Bild zu. Von nun an weiß JavaScript wie groß das Bild ist und du kannst die Werte entsprechend an dein IMG Tag übergeben.
10. Autor dieses Themas

    robin

    

    robin hat kostenlosen Webspace.

    9:27, 9.5.2008

    
    Wenn du das über JavaScript machst, dann benötigst du die Informationen nicht wirklich.
    
    Du erzeugst in JavaScript einfach ein neues Image Object und weißt dessen Source das entsprechende Bild zu. Von nun an weiß JavaScript wie groß das Bild ist und du kannst die Werte entsprechend an dein IMG Tag übergeben.
    

    
    das klingt shr viel versprechend, aber wie meinst du das mit dem imgage-objemt - davon habe ich noch nicht gehört, könntest du mir da bitte ein beipsiel geben. DANKE

11. e********l

    9:54, 9.5.2008

    So beispielsweise. Die Alternative ist nur, falls das direkte setzen nicht funktioniert. Bin es in letzter Zeit gewohnt alles über die Styles anzusprechen...
    
    

    <a href=\"#\" onclick=\"wechselBild(\'./img/Bild12356.jpg\'); return false;\"><img id=\"wechselBild\" src=\"./img/einTollesBild.jpg\" width=\"120\" height=\"240\" alt=\"\" /></a>
    
    <script type=\"text/javascript\">
    // <![CDATA[
    function wechselBild(imgName) {
            var swapImg = document.getElementById(\'wechselBild\');
            if (imgName == null || swapImg == null)
                    return;
                    
            var img = new Image();
            img.src = imgName;      // Bild zuweisen
            swapImg.width = img.width;
            swapImg.height = img.height;
            
            /* ALTERNATIVES SETZEN VON WEITE UND HOEHE */
            /*
            swapImg.style.width = img.width+\'px\';
            swapImg.style.height = img.heiht+\'px\';
            */      
    }
    // ]]>
    </script>

    
    
    Natürlich kann man die Funktion auch noch erweitern um Titel und Lade Bildschirm. Aber so sollte es denke ich auf jeden Fall funktionieren - hab es nicht extra getestet.
    
    
    Beitrag geändert: 9.5.2008 9:55:36 von evil-devil
12. Autor dieses Themas

    robin

    

    robin hat kostenlosen Webspace.

    11:39, 9.5.2008

    also wenn ich die zeit habe werde ich das auf alle fälle mal testen, sieht auf jeden fall genau nach dem aus was ich gesucht habe!
    

13. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?