kostenloser Webspace werbefrei: lima-city


bilder per js

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    k*****i

    hi,

    vieleicht ist die thema ebschreibung etwas falsch verstadnen worden, naja egal.

    ich m?chte es so machen, per js, das wenn bilder geldaden werden auf eine bestimmte gr??e minimiert werden das hei?t..
    ist das bild 300x280
    soll es dann auf 100x80 komprimiert werden, das w?re das erste
    dabei kann auch ruhig die quallit?t abnehmen
    2. m?chte ich das cniht die 300x300px riesen immer l?dt sondern nur eben die etwas kleinerren bidler die es per js komprimiert damit nicht alsoviel ladezeit vergeht.

    die frage ist es m?glich wei? ich selber das meiste ja, nur wei? ich leider nicht wie.

    MfG

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

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

  3. du k?nntest auch einfach in den html-tag die attribute reinschreiben.. in deinem fall:

    <img src="bild.format" width="100" height="80">
  4. Autor dieses Themas

    k*****i


    du k?nntest auch einfach in den html-tag die attribute reinschreiben.. in deinem fall:

    <img src="bild.format" width="100" height="80">

    1.) wird das bild so ?belst verzert..
    2.) weis ich nier wie gro? das bild ist und ob es zu 80x100 oder 100x80 wird
    3.) nein, geht leider nicht so leich

    MfG

    Kraeusi
  5. g*********b

    Du kannst mit JavaScript die Gr??e eines Bildes feststellen, und dann die Darstellung entsprechend verkleinern.

    Aber Dein Problem wird damit vermutlich nicht gel?st:
    Nach wie vor wird das Bild in seiner gesamten Gr??e vom Server geladen, darauf hat JavaScript, da Clientseitig, keinen Einfluss.

    Wenn Du die Download-Gr??e beeinflussen willst, sehe ich nur eine M?glichkeit:
    Bilder in verschiedenen Gr??en auf dem Server vorhalten und nach Bedarf die passende Gr??e laden.

    Das geht nat?rlich zu Lasten des Speicherplatzes auf dem Server.

    Ich habe mich selbst bereits eine ganze Weile mit diesem Problem herumgeschlagen.

    Selbst serverseitig mit PHP habe ich keine M?glichkeit gefunden, das tats?chliche Bild zu verkleinern und damit Traffic zu sparen.

    Ich mache jetzt einfach das, was ?blicherweise getan wird, zun?chst biete ich ein kleines Bild an und der Besucher kann dann via MouseClick das Gr??ere laden.


    so sorry

    WS
  6. Autor dieses Themas

    k*****i


    Du kannst mit JavaScript die Gr??e eines Bildes feststellen, und dann die Darstellung entsprechend verkleinern.

    Aber Dein Problem wird damit vermutlich nicht gel?st:
    Nach wie vor wird das Bild in seiner gesamten Gr??e vom Server geladen, darauf hat JavaScript, da Clientseitig, keinen Einfluss.

    Wenn Du die Download-Gr??e beeinflussen willst, sehe ich nur eine M?glichkeit:
    Bilder in verschiedenen Gr??en auf dem Server vorhalten und nach Bedarf die passende Gr??e laden.

    Das geht nat?rlich zu Lasten des Speicherplatzes auf dem Server.

    Ich habe mich selbst bereits eine ganze Weile mit diesem Problem herumgeschlagen.

    Selbst serverseitig mit PHP habe ich keine M?glichkeit gefunden, das tats?chliche Bild zu verkleinern und damit Traffic zu sparen.

    Ich mache jetzt einfach das, was ?blicherweise getan wird, zun?chst biete ich ein kleines Bild an und der Besucher kann dann via MouseClick das Gr??ere laden.


    so sorry

    WS


    ja, ok muss ich wohl einsehen, dann zwei fragen an dich.
    1.) die vaiante oben die du gesagt hast das sie verkleinert werden, hast du da ein code oder kannst mir sagen wie es geht?
    2.) man kann es doch somachen das wenn man bilder per php hochl?dt diese (wenn zu gro?) man verkleiner, wei?te wie man sowas machen k?nnte?

    MfG

    Kraeusi
  7. Ich hab hier noch nen alten (kurz noch ?berarbeiteten) code der dir vielleicht helfen k?nnte :wink: :

    ?ber den * einfach die beiden angaben ?ndern, dann deine verkleinerten bilder ?ber '<img src="resize.php?pic=bild.jpg">' aufrufen

    $newwidth = 160;
    $to_pic = $_GET['pic'];
    /*******************************************************************************************
    *******************************************************************************************/
    if ($_GET['pic'] == "") {
    	exit();
    }
    
    $size = getimagesize($to_pic);
    $width = $size[0];
    $height = $size[1];
    $newheight = intval($height * $newwidth / $width);
    
    if ($size[2] == "1") {
    	if (function_exists('imagecreatefromgif')) {
    		$oldpic = imagecreatefromgif($to_pic);
    		$newpic = imagecreate($newwidth,$newheight);
    		imagecopyresized($newpic, $oldpic, 0, 0, 0, 0, $newwidth, $newheight, $width, $height);
    		header("Content-Type: image/png");
    		imagepng($newpic);
    		imagedestroy($newpic);
    		imagedestroy($oldpic);
    	}
    	else {
    		$PicHandle = ImageCreate($newwidth, $newheight);
    		$ColorAllocate = ImageColorAllocate($PicHandle, 0, 0, 0);
    		$weiss = ImageColorAllocate($PicHandle, 255, 255, 255);
    		ImageString($PicHandle, 2, 2, 2, 'Nicht unterstuetztes', $weiss);
    		ImageString($PicHandle, 2, 2, 15, 'GIF Bild', $weiss);
    		header("Content-Type: image/png");
    		ImagePNG($PicHandle);
    		ImageDestory($PicHandle);
    	}
    }
    elseif($size[2] == "2") {
    	$oldpic = imagecreatefromjpeg($to_pic);
    	$newpic = imagecreate($newwidth,$newheight);
    	imagecopyresized($newpic, $oldpic, 0, 0, 0, 0, $newwidth, $newheight, $width, $height);
    	header("Content-Type: image/png");
    	imagepng($newpic);
    	imagedestroy($newpic);
    	imagedestroy($oldpic);
    }
    elseif($size[2] == "3") {
    	$oldpic = imagecreatefrompng($to_pic);
    	$newpic = imagecreate($newwidth,$newheight);
    	imagecopyresized($newpic, $oldpic, 0, 0, 0, 0, $newwidth, $newheight, $width, $height);
    	header("Content-Type: image/png");
    	imagepng($newpic);
    	imagedestroy($oldpic);
    	imagedestroy($newpic);
    }


    Beitrag ge?ndert am 23.07.2005 18:11 von lambda
  8. 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!