Kom ihåg mig?
Home Menu

Menu


Någon som är expert på att koda CSS?

 
Ämnesverktyg Visningsalternativ
Oläst 2011-04-12, 22:41 #1
Mr.Notepad Mr.Notepad är inte uppkopplad
Nykomling
 
Reg.datum: Aug 2010
Inlägg: 37
Mr.Notepad Mr.Notepad är inte uppkopplad
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)
Mr.Notepad är inte uppkopplad   Svara med citatSvara med citat
Oläst 2011-04-13, 09:53 #2
Jines avatar
Jine Jine är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Feb 2005
Inlägg: 1 032
Jine Jine är inte uppkopplad
Har WN som tidsfördriv
Jines avatar
 
Reg.datum: Feb 2005
Inlägg: 1 032
Det finns lösningar mha. expressions i IE's CSS-motor.
Läs mer på
http://perishablepress.com/press/200...rnet-explorer/
Jine är inte uppkopplad   Svara med citatSvara med citat
Oläst 2011-04-13, 10:40 #3
Mr.Notepad Mr.Notepad är inte uppkopplad
Nykomling
 
Reg.datum: Aug 2010
Inlägg: 37
Mr.Notepad Mr.Notepad är inte uppkopplad
Nykomling
 
Reg.datum: Aug 2010
Inlägg: 37
Citat:
Ursprungligen postat av Jine Visa inlägg
Det finns lösningar mha. expressions i IE's CSS-motor.
Läs mer på
http://perishablepress.com/press/200...rnet-explorer/
Jag vet inte om det går att kombinera de båda IF-satserna så det blir både maxberdd och maxhöjd där det dessutom inte är avgjort om bilden är stående eller liggande, samt att koden är inte är gjord för bilder utan är gjord för divvar och textrutor osv
Mr.Notepad är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 05:00.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017