bildbreite?
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
array
bild
datei
datum
eigenschaft
einstein
eintragen
ermitteln
format
grafik
http
info
information
marke
markierung
rahmen
server
string
tag
typ
-
hi leutz,
ich bin dabei nen forum zu schreibn und stehe jetzt vor folgendem Problem:
bei dem Avatartag/bild">bildchen soll die bildbreite auf eine bestimmte pixelzahl begrenzt werden (wenn moeglich auch die bildhoehe), sodass die avatare nicht den "rahmen" sprengen (bilder liegen NICHT auf dem localem server!).
hab schon im netz gesucht, und nix brauchbares gefunden :(, habt ihr ne Idee wie ich das loesen kann?
lG WMB
EDIT 0-checka:
Verschoben von "PHP & MySQL" nach "HTML & JavaScript"
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hallo einstein!
Mit HTML-Mitteln ist das schlechterdings nicht m?glich (daher frage ich mich, warum 0-checka den Thread hierher verschoben hat). Du kannst h?chstens im Quelltext eine absolut feste Breite mit width="breite" vorgeben. Das machen manche Forenbetreiber, dann sieht das Avatar-Bildchen verzerrt aus, wenn seine Breite nicht mit den Bildangaben ?bereinstimmt.
Eine M?glichkeit w?re noch CSS: hier gibts die M?glichkeit eine maximale Breite anzugeben und eine Methode der Gr??enbegrenzung zu w?hlen (das w?re hier "clip"). Guckst du hier:
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#max_width
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#clip
F?r Uralt-Browser k?nntest du auf ein Tabellenlayout zur?ckgreifen und die Avatare als Hintergrundbild darstellen. In der entsprechenden Tabellenzelle muss dann lediglich ein transparentes GIF mit der passenden Breite stehen. Das w?rde ich aber eher nicht empfehlen.
Mit PHP h?ttest du die M?glichkeit, vorab die Bild-Daten zu erfragen und im Falle eines ?bergro?en Bildes die Angaben im img-Tag entsprechend anzupassen. Dann w?rde der Avatar zwar scheinbar verkleinert (in der Browseransicht) aber im Gegensatz zur ersten Methode nicht verzerrt.
MfG
alopex -
rehallo fuchs ;) *g*
ich frag mich auch warum mein thread hierhin gerutscht iss ...
jo, das das mit php irgentwie moeglich iss das habsch mir auch schon gedacht, das problem ist nur, dass ich nicht weiss wie, und auch noch keine antwort gefunden habe :(
wenn ich das mit html loesen wuerde, dann habe ich meines wissens nach nur die moeglichkeit, dass dass bild nachher (wenns zu gross ist) auf die rechte groesse verzerrt wird, und aber das gnaze bild geladen wird (kann auf die ladezeiten des forums gehen -> DAGEGEN :) ), dasselbe mit CSS
mit java waehre die sache aehnlich .. ich moecht ja beim eintragen des avatarbildes pruefen ob die breite und hoehe OK ist, und das geht meines wissens nach "nur" mit php (perl, CGI mal ausgeschlossen..) ..
*grumpf*..
lG WMB
PS: *g* aber ich fuend den einstein kuhl :) -
also du willst das die Bilder von einem anderen Server geladen werden und nicht in voller gr??e beim client ankommen. Das gaht nicht.
Du kannst die Bilder nur wenn du sie ?ber deinen Server leitest ver?ndern. http://de3.php.net/manual/de/ref.image.php
Nat?rlich kannst du die Bilder auch bei dir auf dem Server in der ver?nderten Gr??e speichern. Was wohl das einzig wirklich praktikable ist. -
nein, das wil ich net, ich will die bilder net veraendern, ich moechte nur gerne herausfinden, welche breite ein bestimmtes bild hat ...
dann kann ich beim eintragen des bildes pruefen ob es den rahmen sprengen wuerde und es einfach nicht "annehmen" ..
also nur testen welche breite ein bild hat (am besten in php)
lG WMB -
http://de3.php.net/manual/de/function.getimagesize.php
getimagesize
(PHP 3, PHP 4 , PHP 5)
getimagesize -- Ermittelt die Ausma?e einer GIF-, JPEG-, PNG- oder SWF-Grafik-Datei
Beschreibung:
array getimagesize ( string filename [, array imageinfo] )
Mit GetImageSize() ermitteln Sie die Daten jeder GIF-, JPG-, PNG oder SWF-Datei. Es werden die Ausma?e in Abh?ngigkeit vom Grafik-Typ sowie die H?he und Breite als ein String zur?ckgegeben. Dieser kann innerhalb eines regul?ren HTML <IMG>-Tags verwendet werden.
Es wird ein Array aus 4 Elementen zur?ck gegeben. Im Array-Index 0 steht die Breite. Index 1 enth?lt die H?he, 2 ein Flag je nach Grafik-Typ (1 = GIF, 2 = JPG, 3 = PNG, SWF = 4) und Index 3 die richtige Zeichenkette im Format "height=xxx width=xxx" zur Verwendung im IMG-Tag von HTML.
Beispiel 1. Grafik-Ausma?e ermitteln per GetImageSize:
Mit dem optionalen imageinfo-Parameter k?nnen Sie weitere Informationen der Grafik-Datei auslesen. Z.Zt. unterst?tzt dies die verschiedenen JPG APP-Markierungen per assoziativem Array. Einige Programme nutzen diese Markierungen, um Text in diese Grafiken einzubinden. Gebr?uchlich ist die Einbettung von IPTC http://www.iptc.org/ Informationen in die APP13-Marke. Sie k?nnen iptcparse() benutzen, um die bin?re APP13-Marke in ein lesbares Format zu ?bertragen.
Beispiel 2. GetImageSize mit IPTC-Informationen
<?php
$size = GetImageSize ("testimg.jpg",&$info);
if (isset ($info["APP13"])) {
$iptc = iptcparse ($info["APP13"]);
var_dump ($iptc);
}
?>
Anmerkung: Dieser Befehl funktioniert auch ohne GD-Bibliothek.
-
thx, habs ein wenich umgeschriebn, funtz net:
<?php
$bild = "bildposition/bildname.gif";
$info = getimagesize($bild);
echo "breite: " . $info[0];
echo "<br>";
echo "hoehe: " . $info[1];
echo "<br>";
echo "endung: " . $info[2];
echo "<br>";
echo "string: " . $info[3];
?>
kann aber auch sein, dss es an der server config liegt, da folgende Fehlermeldung:
Warning: getimagesize(): URL file-access is disabled in the server configuration in positionderdatei on line 3
hmm Thx allen hielfswuetigen .. aber ich glaub hier kommsch net weiter :(
lG WMB -
da muss mat?rlich der GD lib freigeschaltet sein
auf was f?r nem server bzw anbieter hast du das denn hochgeladen?
bei lima w?rd sowa gehen -
Nein das liegt daran das man von lia aus nicht datein von anderen servern laden darf. Und das wirst du auf lima deswegn auch nicht hinbekommen.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
