webForumDet fria alternativet

Maxstorlek på bild?

HTML & CSS

10 svar · 372 visningar · startad av Gein

Medlem sedan sep. 20005 700 inlägg
Frågan#1

Går det att sätta en maxstorlek på en bild? Om jag använder mej av width- och height-attributen i <img> så fixerar jag ju storleken. Nu vill jag ha så att om bilden är mindre än vad jag anger så får den vara det, men den får aldrig bli större än angivet (då fixeras den).

Medlem sedan maj 200010 687 inlägg
#2

Det skulle väl i så fall var med max-height och max-width i CSS. :)

Medlem sedan maj 200010 687 inlägg
#3

Provade lite nu. Funkar så klart inte i Internet Explorer. Däremot så funkar det bra i Mozilla.
Vet inte hur det är i Opera...

Medlem sedan sep. 20005 700 inlägg
#4

Om det inte funkar i de flesta webbläsare så struntar jag nog i det helt.

Medlem sedan dec. 20025 483 inlägg
#5

max-width och max-height respektive min-width och min-height fungerar, som Erik skrev, ej i IE6. Däremot fungerar det i Mozilla 1.2.1, Netscape 7 och Opera 7.

Versioner av Mozilla, Netscape och Opera, utöver de ovanstående överlåter jag till någon annan att kommentera.

:)

Medlem sedan maj 200010 687 inlägg
#6

Men då är det ju lugnt Gein. Det är ju nästan ingen som använder Internet Explorer. ;)

Medlem sedan sep. 20005 700 inlägg
#7

Erik Juhlin skrev:

Men då är det ju lugnt Gein. Det är ju nästan ingen som använder Internet Explorer. ;)

:P

Medlem sedan jan. 20051 130 inlägg
#8

Men hur skall man lösa detta då, när alla ovetande använder IE... Jag vill ha en max-storlek på bilder, även om besökaren använder IE!

Medlem sedan okt. 20005 273 inlägg
#9
img{
max-width: 200px;
}
* html img{
width: 200px;
}

mv icaaq

Medlem sedan juli 20011 084 inlägg
#10

eller någon form av javascript...

<img src="#" onload="if(this.width > 200) { this.width = 200; }" />

Man bör nog ladda koden i en egen funktion och anropa funktionen istället. Samt att bilden först måste laddas i fullstorlek sedan ändras storleken.

Medlem sedan okt. 20005 273 inlägg
#11

när jag läste din fråga igen så fungerar inte min ovanstående kod, sorry.

mv icaaq

252 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
122 ms — deklarationer (db)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)
123 ms — ändringar (db)