Comments on: Standardbasert hover-funksjonalitet for bilder http://www.bekkelund.net/blogg/2006/12/20/standardbasert-hover-funksjonalitet-for-bilder/ Døser i en merkelig komatiøs stilling... Thu, 28 Aug 2008 23:17:04 +0000 http://wordpress.org/?v=2.5.1 By: Espen Andersson http://www.bekkelund.net/blogg/2006/12/20/standardbasert-hover-funksjonalitet-for-bilder/#comment-6642 Espen Andersson Sat, 30 Dec 2006 02:02:55 +0000 http://www.bekkelund.net/blogg/2006/12/20/standardbasert-hover-funksjonalitet-for-bilder/#comment-6642 Martin: Ang. løsning 2, gjelder flikking-problemet også i Internet Explorer 7? Martin: Ang. løsning 2, gjelder flikking-problemet også i Internet Explorer 7?

]]> By: Espen Willersrud http://www.bekkelund.net/blogg/2006/12/20/standardbasert-hover-funksjonalitet-for-bilder/#comment-6533 Espen Willersrud Fri, 22 Dec 2006 08:35:31 +0000 http://www.bekkelund.net/blogg/2006/12/20/standardbasert-hover-funksjonalitet-for-bilder/#comment-6533 Jeg syns da dette uansett var en god løsning i forhold til mange andre :) Jeg syns da dette uansett var en god løsning i forhold til mange andre :)

]]> By: bza http://www.bekkelund.net/blogg/2006/12/20/standardbasert-hover-funksjonalitet-for-bilder/#comment-6528 bza Thu, 21 Dec 2006 10:43:48 +0000 http://www.bekkelund.net/blogg/2006/12/20/standardbasert-hover-funksjonalitet-for-bilder/#comment-6528 Hvis du har flere bilder ville jeg gått for en uordnet eller ordnet liste (avhengig) av sekvensen i bildene) i stedet for div-elementet. Det er en stor svakhet med denne teknikken, og det er at her er bildene innhold, ikke presentasjon. Dermed blir det feil at bildene skal forsvinne når man deaktiverer CSS. Trikset er derfor å bruke et img-element med originalbildet, samt et transparent a-element over img-elementet. Dermed når man legger muspekeren over bildet "overskrives" img-elementet med a-elementets bakgrunnsbilde. Da vil du sikre at originalbildet vises selv med CSS deaktivert. Hvis du har flere bilder ville jeg gått for en uordnet eller ordnet liste (avhengig) av sekvensen i bildene) i stedet for div-elementet. Det er en stor svakhet med denne teknikken, og det er at her er bildene innhold, ikke presentasjon. Dermed blir det feil at bildene skal forsvinne når man deaktiverer CSS. Trikset er derfor å bruke et img-element med originalbildet, samt et transparent a-element over img-elementet. Dermed når man legger muspekeren over bildet “overskrives” img-elementet med a-elementets bakgrunnsbilde. Da vil du sikre at originalbildet vises selv med CSS deaktivert.

]]> By: Martin http://www.bekkelund.net/blogg/2006/12/20/standardbasert-hover-funksjonalitet-for-bilder/#comment-6524 Martin Wed, 20 Dec 2006 23:49:16 +0000 http://www.bekkelund.net/blogg/2006/12/20/standardbasert-hover-funksjonalitet-for-bilder/#comment-6524 Du har helt rett i at man laster unødvendig mye data, Espen. Spesielt i mitt tilfelle, hvor hele bildet er 557 KB. Sånn sett er alternativ to det beste, men da oppstår ulempene jeg beskriver med etterlasting og flikking i IE. I behovet jeg beskriver vil jeg nok allikevel hevde at alternativ nummer tre er det beste, da man faktisk skal benytte det i en artikkel. Ellers er det riktignok rett frem for å sette <code>background-position: bottom</code> ved hover, så slipper man å tenke. ;-) Du har helt rett i at man laster unødvendig mye data, Espen. Spesielt i mitt tilfelle, hvor hele bildet er 557 KB. Sånn sett er alternativ to det beste, men da oppstår ulempene jeg beskriver med etterlasting og flikking i IE. I behovet jeg beskriver vil jeg nok allikevel hevde at alternativ nummer tre er det beste, da man faktisk skal benytte det i en artikkel.

Ellers er det riktignok rett frem for å sette background-position: bottom ved hover, så slipper man å tenke. ;-)

]]> By: Christian http://www.bekkelund.net/blogg/2006/12/20/standardbasert-hover-funksjonalitet-for-bilder/#comment-6523 Christian Wed, 20 Dec 2006 23:05:25 +0000 http://www.bekkelund.net/blogg/2006/12/20/standardbasert-hover-funksjonalitet-for-bilder/#comment-6523 rett og slett flink du ;D rett og slett flink du ;D

]]> By: Espen Andersson http://www.bekkelund.net/blogg/2006/12/20/standardbasert-hover-funksjonalitet-for-bilder/#comment-6522 Espen Andersson Wed, 20 Dec 2006 20:11:14 +0000 http://www.bekkelund.net/blogg/2006/12/20/standardbasert-hover-funksjonalitet-for-bilder/#comment-6522 Teknikken du har valgt å gå for er nok det nærmeste man kommer en optimal løsning, selv om den har en åpenbar svakhet: Man laster unødvendig mye data og ikke bare det som vil bli brukt. Om brukeren ikke holder musepekeren over samtlige bilder som har denne hover-effekten, vil man ha lastet unødvendig mye data, men det er likevel ikke noe stort problem. Forøvrig kan vel koden din forenkles litt, kan den ikke? Om hvert av bildene eksempelvis er 250px høye, så vil den totale høyden bli på 500px. Da kan du like godt sette høyden på layeret til å være 250px og så bare bruke background-position: bottom ved hover. Teknikken du har valgt å gå for er nok det nærmeste man kommer en optimal løsning, selv om den har en åpenbar svakhet: Man laster unødvendig mye data og ikke bare det som vil bli brukt. Om brukeren ikke holder musepekeren over samtlige bilder som har denne hover-effekten, vil man ha lastet unødvendig mye data, men det er likevel ikke noe stort problem.

Forøvrig kan vel koden din forenkles litt, kan den ikke? Om hvert av bildene eksempelvis er 250px høye, så vil den totale høyden bli på 500px. Da kan du like godt sette høyden på layeret til å være 250px og så bare bruke background-position: bottom ved hover.

]]>