FAQ |
Kalender |
2011-04-13, 08:53 | #11 | |||
|
||||
Har WN som tidsfördriv
|
Det finns lösningar mha. expressions i IE's CSS-motor.
Läs mer på http://perishablepress.com/press/200...rnet-explorer/ |
|||
Svara med citat |
2011-04-13, 08:57 | #12 | ||
|
|||
Mycket flitig postare
|
Kod:
max-width:64px; max-height:64px; Du kan ju annars kika på jquery thumbs: http://joanpiedra.com/jquery/thumbs/ Har använt det på flera sidor, fungerar bra och är lätt att installera. |
||
Svara med citat |
2011-04-13, 09:40 | #13 | ||
|
|||
Nykomling
|
Citat:
|
||
Svara med citat |
2011-04-13, 10:04 | #14 | ||
|
|||
Nykomling
|
Citat:
Jqueryscriptet är fint, men efter att ha läst och sett demon i länken så verkar det inte göra miniatyrer på det traditionella viset genom att minska bilden, utan det skär ut en miniatyr av den stora bilden. |
||
Svara med citat |
2011-04-13, 10:46 | #15 | |||
|
||||
Har WN som tidsfördriv
|
max/min-height finns som sagt inte i IE.
Men expressions finns, om du funderar noga och läser länken jag skickade + kommenterar så tror jag det löser ditt problem. Att exemplet är för divs spelar ingen som helst roll, båda är blockelement. Du nämnde ju själv att min/max-height inte fungerar i IE, det där är lösningen. Har inte tid att posta kod atm, men jag är säker på att det går att lösa. EDIT: WeaZear, det är inte alls inline-styling, beror ju helt och hållet på var du lägger koden. min/max-height/width är korrekt sätt att göra det. (om man inte ska göra korrekta thumbnails i backenden - vilket är föredraget sätt) IE9+ och FF, webkit-läsare klarar av det. EDIT2: Undvik JS om du kan, bla. jag (och många fler) kör med noscript. Senast redigerad av Jine den 2011-04-13 klockan 10:50 |
|||
Svara med citat |
2011-04-13, 10:57 | #16 | ||
|
|||
Nykomling
|
Citat:
Jag ska klia mig i huvudet och ta en ny titt. Om du kan ge exempelkod senare när du har tid så skulle jag vara väldigt tacksam, för jag börjar tro att det inte går att lösa. |
||
Svara med citat |
2011-04-13, 12:51 | #17 | |||
|
||||
Har WN som tidsfördriv
|
||||
Svara med citat |
2011-04-13, 16:51 | #18 | ||
|
|||
Nykomling
|
Vänta lite...
Jag tror att jag hittade nåt bland de hundratals kommentarerna i länken... Efter en del modifiering så verkar det som om det fungerar! Kod:
<style type="text/css"> .my_img_96 { max-width: 96px; max-height: 96px; /* Resize the image for IE */ height:expression(this.height>=this.width && this.height>95?96:true); width:expression(this.width>=this.height && this.width>95?96:true); } </style> <img class="my_img_96" src="bild1.jpg"> <img class="my_img_200" src="bild2.jpg"> ...osv Tack Jim!! Senast redigerad av Mr.Notepad den 2011-04-13 klockan 17:12 |
||
Svara med citat |
Svara |
|
|