PDA

Pogčedajte punu verziju : Fade effect between pages


Goran Cirkovic
27. 07. 2007., 10:42
Jel ima neko link do javascript-a koji pravi fade efekat (transparentni prelazak sa jedne na drugu stranu).

Koristio bih u jednom frejmu npr. 200x200px na strani koji vuce samo externi text fajl...

ivanhoe
27. 07. 2007., 15:40
taj efekat se zove page transitions, i koliko ja znam radi iskljucivo na IE (mozda i opera?)

Imas ovde vise o tome: http://msdn2.microsoft.com/en-us/library/ms532847.aspx

zira
27. 07. 2007., 17:13
Mozda ovo moze da ti posluzi:

Skript:
http://mikeomatic.net/?p=78

Demo:
http://mikeomatic.net/techtips/css-crossfader/

mungos
27. 07. 2007., 20:11
probaj sa moo.fx: uzasna mu je dokumentacija, probaj 5 minuta googlea pa ako ubodes nesto, ubodes.

kodi
28. 07. 2007., 00:38
probaj sa moo.fx: uzasna mu je dokumentacija, probaj 5 minuta googlea pa ako ubodes nesto, ubodes.

koji tachno deo moo-a?
koristio sam samo accordion, nisam znao da imaju nesto za ovo sto njemu treba?

Takodje sam dosta modifikovao taj accordion, u cemu mi je bas pomogla dokumentacija.
( ne znam za sad, ali tad je mogao samo tekst da se ubaci unutra, meni su trebale slike i flash)

elem, ja bi to rucno.

recimo imas glavnu navigacju i trenutno si na home.
kad kliknes na recimo about us, on pozove neku funkciju koja prvo krene da fejduje sav sadrzaj glavnog div-a gde je u kome je trenutno home
- kad dodje do nule -> glavniDiv.innerHTML='', ili preko dom-a
- onda ajax-om uchita sadrzaj aboutUs-a, i upuca ga u glavni div
-onda uradi fade in.

znaci imao bi neku funkciju na meniju tipa onclick="makeTransition('aboutUs',300);"

gde bi 300 bio recimo fadein-out time u ms

cini mi se da je ovo teoretski moguce za izvesti???

nixa
28. 07. 2007., 01:02
da ne bi sad izmisljao toplu vodu , pogledaj ovaj link

http://exscale.se/__files/web/design-fade/

Goran Cirkovic
28. 07. 2007., 09:55
taj efekat se zove page transitions, i koliko ja znam radi iskljucivo na IE (mozda i opera?)

Imas ovde vise o tome: http://msdn2.microsoft.com/en-us/library/ms532847.aspx

Koristim Firefox, sve lepo radi...

Našao sam ovo, jednostavno a funkcionalno...
<meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)">
<meta http-equiv="Page-Exit" content="blendTrans(Duration=1.0)">
<meta http-equiv="Site-Enter" content="blendTrans(Duration=1.0)">
<meta http-equiv="Site-Exit" content="blendTrans(Duration=1.0)">