javascript kép "fade-in" problémák
Sziasztok!
A http://clagnut.com/sandbox/imagefades/ link alatt bemutatott javascript alapú "fade in" teknikát akarnám alkalmazni kis módosítással.
A változtatás annyiból áll, hogy bélyegképre kattintva onclick cseréli az érintett nagy képet; a nagy kép (500x500 px) onload eseménye hívja meg az initImage() fv-t -> minden bélyegkép nagyobb megjelenítésénél a hozzá tartozó nagy képre lefut a fade-in, miután az betöltődött...
A megoldás tökéletesen működne (linux / firefox), azonban explorer (xp, 6.x) alól nézve a fade-in legalább 2x lassabban (értsd láthatatlantól a láthatóig eltelt idő) és darabosabban jön be (mintha a window.setTimeout nem jól kezelné az időt vagy a setOpacity lefutása megterhelné(?) a gépet).
A fura az, hogy ugyan az arról a gépről ugyan azt az iexpolrert használva az eredeti oldalon lévő fade-in normál sebességgel megy végbe. (?)
Mi lehet a különbség vagy mi foghatja meg az explorert?
■ A http://clagnut.com/sandbox/imagefades/ link alatt bemutatott javascript alapú "fade in" teknikát akarnám alkalmazni kis módosítással.
A változtatás annyiból áll, hogy bélyegképre kattintva onclick cseréli az érintett nagy képet; a nagy kép (500x500 px) onload eseménye hívja meg az initImage() fv-t -> minden bélyegkép nagyobb megjelenítésénél a hozzá tartozó nagy képre lefut a fade-in, miután az betöltődött...
A megoldás tökéletesen működne (linux / firefox), azonban explorer (xp, 6.x) alól nézve a fade-in legalább 2x lassabban (értsd láthatatlantól a láthatóig eltelt idő) és darabosabban jön be (mintha a window.setTimeout nem jól kezelné az időt vagy a setOpacity lefutása megterhelné(?) a gépet).
A fura az, hogy ugyan az arról a gépről ugyan azt az iexpolrert használva az eredeti oldalon lévő fade-in normál sebességgel megy végbe. (?)
Mi lehet a különbség vagy mi foghatja meg az explorert?
kód, link, stb
pub elérés nincs, de itt a kód
doctype
a fadein -es kép
bélyegkép, amire kattintva cserélődik a főkép és ismét fadein játszódik le rá
a js külön file-ban van, ez a tartalma:
ha pl rövidebbre veszem az időzítést és növelem a fade lépések számát (opacity += 5 és timeout 10) akkor firefox követi az időzítés csökkenést, ie viszont még lassabb lesz...
én nem értem :(
Proci
lehet hogy más megoldás kell...
IE alatt más modell a fade-re
Amit célszerű használni, az a fade filter. Találsz példákat is. A lényege, hogy van mondjuk egy div elemed, amihez hozzá van rendelve ez a filter. A filter-t apply állapotba állítod, és módosítasz az elem tartalmán. Ez a módosítás nem fog látszani, mivel a filter apply állapotban van. Ha megvannak a szükséges módosítások, a filtert átállítod lejátszás állapotba a play() metódussal. Ekkor az átmenetet végrehajta a böngésző, nem kell foglalkozni azzal, hogy pontosan hogyan és milyen időközönként változtat az átlátszóságokon.
köszi