✔ Bildgröße testen wenn nötig ändern

[Maggi13]

Hey leute stehe vor einem Problehm was ich nicht gelöst bekomme ich habe nen PHP Script was aus BBCode HTML macht das geht auch aber qwenn ein bid zu breit ist wird die Homepage verzogen deswegn will ich in den img-tag vom bild ne funktion pacjken und wenn zb. die maximal größe 300px ist auf 100% umstellen bzw auf 300px zu stellen soltle das Bild kleiner als 300px zb 150px sein soll dies auch so bleiben hoffe ihr könnt mir helfen hab hier jedoch an js gedacht da es mit php nicht möglich ist

So habe ich mir das vorgestellt:

function sizetester(imgid)
{
if(document.getelementbyid(imgid).width > '300')
{
document.getelementbyid(imgid).width = '100%'
}
}

Hoffe ihr könnt mir helfen...

 

[Sven Mintel]

Moin,

die Methode heisst getElementById() ....dann sollte es auch klappen.

Mit PHP sollte dies auch gehen, per [phpf]getimagesize[/phpf] kannst du die Grösse eines Bildes ermitteln.

 

[Maggi13]

du hast recht nur es geht nicht... das js hab ich eben schnell hingeschriebn es ist eigendlich so bei mir:

<script language=="javascript">
function bbimagesize(imgname)
{
if(document.getElementById(imgname).width > '275')
{
document.getElementById(imgname).width = '275'
}
} 
</script>

Und falls du das evt noch net selbser weist das mit getimagesize() ist zwar richtig nur geht dies nur mit bildern die auf dem serevr gespeichert sind und nicht wauf i-einem sind...

 

[Sven Mintel]

....nur geht dies nur mit bildern die auf dem serevr gespeichert sind und nicht wauf i-einem sind...

Dem ist nicht so

Dabei kann es sich um eine lokale Datei oder, eine entsprechende Konfiguration vorausgesetzt, um eine entfernte Datei handeln die über einen unterstützen Stream gelesen wird.

 

[Maggi13]

Jetzt t es hab nu aber ne andere frage ich ahbd as zum testen so gemacht:

onClick=""

gibtz auch was wie nen "onLoad" damit des sobald die seite geladen wird ausgeführt wird...

und mein fehler war das:

<script language=="javascript">

stja da war wohl nen "=" zu viel heeeee

nur halt jetzt die frage wegen dem onLoad also bei seite starten...

Leute hat sich alles erledigtt onLoad t.....

Dangee nochma wegn hilfe heee...

 

[Sven Mintel]

Vielleicht ziehst du ja auch eine schonende CSS-Lösung in Betracht

<img style="max-width:100px" src="http://www.tutorials.de/forum/attachments/werkstatt/45364d1233839238-charakterdesign_uebung.jpg">
<img src="http://www.tutorials.de/forum/attachments/werkstatt/45364d1233839238-charakterdesign_uebung.jpg">

In Sachen IE6-Workaround(dieser kennt kein max-width) kann man dir im CSS-Board sicher behilflich sein

 

[Maggi13]

hmm hab noch nie gesehn aber wenn das nun größer ist was passiert dann mit dem bild

 

[Sven Mintel]

Es wird skaliert.
Ist es wie in dem 1.Beispiel breiter als 100px(ist es, das Original ist 597px breit), wird es auf eine Breite von 100px herunterskaliert.
Ist es kleiner als die angegebene max-width, passiert garnichts weiter.

 

[Maggi13]

hmm t bei mri net...

 

[Sven Mintel]

Repariere mal bitte erst deine Tastatur, vielleicht geht es dann besser