bilder per js
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
attribut
aufruf
besucher
biet
bild
darstellung
einflu
einsehen
exit
fragen
gel
getan
image
kleines bild
laden
lambda
leich
mache
speicherplatz
vorhalt
-
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 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
du k?nntest auch einfach in den html-tag die attribute reinschreiben.. in deinem fall:
<img src="bild.format" width="100" height="80"> -
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 -
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 -
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 -
Ich hab hier noch nen alten (kurz noch ?berarbeiteten) code der dir vielleicht helfen k?nnte
:
?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 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage