kostenloser Webspace werbefrei: lima-city


Bildabmessungen auslesen

lima-cityForumProgrammiersprachenPHP, MySQL & .htaccess

  1. Autor dieses Themas

    robin

    Kostenloser Webspace von robin

    robin hat kostenlosen Webspace.

    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.
    :angel::angel::angel:
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

  3. Das sollte dir weiterhelfen:

    http://de.php.net/getimagesize
  4. m**********r

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

    robin

    Kostenloser Webspace von robin

    robin hat kostenlosen Webspace.

    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. 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

    Kostenloser Webspace von robin

    robin hat kostenlosen Webspace.

    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

    <?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

    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

    Kostenloser Webspace von robin

    robin hat kostenlosen Webspace.


    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 :angel:
  11. e********l

    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

    Kostenloser Webspace von robin

    robin hat kostenlosen Webspace.

    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!
    :thumb:
  13. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!