/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
CSS3-galleri med :target - virker ikke i I~
Fra : Rune Jensen


Dato : 09-10-09 00:55

Jeg er nu nået så langt med mit "proof of concept" til et galleriscript,
at det virker i alle browsere - minus IE. Problemet synes at være
:target (bl.a.), som er en CSS3-selector. Men nu har jeg forsøgt mig med
:focus og :active, og de holder ikke "state", hvilket vil sige man kan
kun se stort billede, så længe knappen er trykket ind.

http://webdesigngruppen.dk/test/galleri_poc.asp#billede1

...nogen, som kan se en mulighed for at erstatte CSS3-tingeltanglet med
noget, som forstås af IE??

Teknikken minder om de dér infobokse, hvis indhold styres af tabs, men
jeg har simpelthen ikke kunnet finde nogle løsninger uden brug af
:target. Så hvis nogen har brugt den teknik, hvor den også virker i IE,
ville jeg være glad for info om, hvordan. JS holdes ude indtil videre,
det skal først virke med CSS.


MVH
Rune Jensen

 
 
Kim Emax (13-10-2009)
Kommentar
Fra : Kim Emax


Dato : 13-10-09 12:02

Hej Rune

On Oct 9, 1:55 am, Rune Jensen <runeofdenm...@gmail.com> wrote:
> Jeg er nu nået så langt med mit "proof of concept" til et galleriscript,
> at det virker i alle browsere - minus IE. Problemet synes at være
> :target (bl.a.), som er en CSS3-selector. Men nu har jeg forsøgt mig med
> :focus og :active, og de holder ikke "state", hvilket vil sige man kan
> kun se stort billede, så længe knappen er trykket ind.
>
> http://webdesigngruppen.dk/test/galleri_poc.asp#billede1

Du bliver nok ked af det nu, men siden er blank i FF3.5 på Linux, der
er <html>head, title, lidt meta tags og </html>

--
Mvh
Kim Emax

Rune Jensen (14-10-2009)
Kommentar
Fra : Rune Jensen


Dato : 14-10-09 01:00

Kim Emax skrev:
> Hej Rune
>
> On Oct 9, 1:55 am, Rune Jensen <runeofdenm...@gmail.com> wrote:
>> Jeg er nu nået så langt med mit "proof of concept" til et galleriscript,
>> at det virker i alle browsere - minus IE. Problemet synes at være
>> :target (bl.a.), som er en CSS3-selector. Men nu har jeg forsøgt mig med
>> :focus og :active, og de holder ikke "state", hvilket vil sige man kan
>> kun se stort billede, så længe knappen er trykket ind.
>>
>> http://webdesigngruppen.dk/test/galleri_poc.asp#billede1
>
> Du bliver nok ked af det nu, men siden er blank i FF3.5 på Linux, der
> er <html>head, title, lidt meta tags og </html>

Idéen var at bruge rent HTML og CSS så langt henad vejen som muligt, og
så bare plugge JS på til en slags zoom.

Jeg fik det også til at virke med ren CSS i IE, men...
Af hensyn til jeg ikke vil hente alle store billeder, før de skal vises,
har jeg brugt background-image. Som så ikke vises på mobiler. Desuden,
så skal hvert billede sættes manuelt i CSSen - ikke så smart? Så jeg tog
siden ned, mens jeg prøvede at finde en løsning. Den har jeg så ikke
rigtigt fundet endnu.

Nu har jeg uploadet, hvad jeg har indtil nu, men det har ovennævnte
skavanker. Om det overhovedet er muligt at lave rent CSS-galleri på den
måde, som tager højde for alle browsere _og_ langsommere forbindelser,
ved jeg ikke.

...For prøv at se denne fra Stu Nichols, som er nogenlunde samme løsning
bare med <img>er i stedet for background-images:
http://www.cssplay.co.uk/menu/filmstrip.html#nogo

Det er klart nemmere at vedligeholde, men skal man så sidde og vente på
(f.eks.) 10-15 store billeder for bare at se ét enkelt?



MVH
Rune Jense

Søg
Reklame
Statistik
Spørgsmål : 177459
Tips : 31964
Nyheder : 719565
Indlæg : 6408186
Brugere : 218881

Månedens bedste
Årets bedste
Sidste års bedste