Nykomling
|
|
Reg.datum: Aug 2010
Inlägg: 37
|
|
Nykomling
Reg.datum: Aug 2010
Inlägg: 37
|
Jag börjar med att be om ursäkt för min okunskap och för att jag kanske missat något uppenbart, men jag ser inte hur det skulle fungera.
Jag förklarar utgångsläget och vad jag vill uppnå...
Jag har alltså ett stort antal bilder på servern som jag inte kan/vill skapa som miniatyrer i flera olika format.
På en hemsida vill jag kunna visa dessabilder i olika maxstorlekar. (låt oss säga tre maxstorlekar på 192x192, 128x128 & 64x64)
T ex: <img class="img_64" border="0" src="bild1.jpg>
Bilderna är i alla möjliga storlekar och beskärningar, samt både liggande och stående.
I alla webbläsare utom IE (som typiskt nog är den vanligaste) så fungerar följande kod:
<img style="max-width:64px; max-height:64px;" border="0" src="bild1.jpg)
Bilden visas inom maxstorleken OCH behåller sin aspect ratio, så det spelar ingen roll om det är en stående eller liggande bild.
Problemet är att denna kod inte fungerar på IE, och att man därför måste göra en annan lösning som fungerar för alla webbläsare.
Det var därför jag tänkte att CSS/CLASS kunde vara en lösning.
Som jag skrev tidigare så fungerar scriptet jag länkade till i början av tråden, men istället för "onload" så behöver jag använda class i IMG taggen.
Om den koden kan användas på något sätt tillsammans med CSS för at för fram en användbar CLASS så slipper dessutom köra Jquery.
(Jag kanske rör till det, men hoppas att det går att förstå hur jag menar)
|