Autor | Zpráva | ||
---|---|---|---|
Bronislav Profil * |
#1 · Zasláno: 11. 9. 2010, 22:16:51
Ahoj, potreboval bych poradit s nasledujcicim kodem, aby mi fungoval i pro mozillu. Ted mi efekt jde pouze pro IE. Nevite nekdo jak na to a co kde upravit? Dekuji moc za rady.
<script language="JavaScript1.1"> <!-- var slidespeed=1000 var slideimages=new Array("foto1.jpg","foto2.jpg","foto3.jpg","foto4.jpg","foto4.jpg","foto6.jpg","foto7.jpg") var slidelinks=new Array("http://www.neco.cz") var newwindow=0 var imageholder=new Array() var ie=document.all for (i=0;i<slideimages.length;i++){ imageholder[i]=new Image() imageholder[i].src=slideimages[i] } function gotoshow(){ if (newwindow) window.open(slidelinks[whichlink]) else window.location=slidelinks[whichlink] } //--> </script> <body> <a href="javascript:gotoshow()"><img src="foto1.jpg" name="slide" border=0 style="filter:blendTrans(duration=2)"></a> <script language="JavaScript1.1"> <!-- var whichlink=0 var whichimage=0 var blenddelay=(ie)? document.images.slide.filters[0].duration*1000 : 0 function slideit(){ if (!document.images) return if (ie) document.images.slide.filters[0].apply() document.images.slide.src=imageholder[whichimage].src if (ie) document.images.slide.filters[0].play() whichlink=whichimage whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0 setTimeout("slideit()",slidespeed+blenddelay) } slideit() //--> </script> </body> |
||
Witiko Profil |
#2 · Zasláno: 11. 9. 2010, 22:55:10
Efekty vytvořené pomocí filtrů jsou exkluzivní pro Internet Exporer a nejde o standard. Pokud sem dáš odkaz na živou ukázku, možná ti někdo navrhne řešení, které dosáhne podobného efektu ve standardním css.
|
||
Bronislav Profil * |
#3 · Zasláno: 11. 9. 2010, 23:16:55
Jde mi proste jenom o plynuly prechod mezi fotkami, viz ukazka:
www.hyzy.wz.cz/1/2.php |
||
Witiko Profil |
#4 · Zasláno: 12. 9. 2010, 00:03:31 · Upravil/a: Witiko
Toho stejným způsobem mimo Internet Explorer nedosáhneš. Teoreticky by sis mohl udělat dva divy, pomocí absolutní pozice je dát s rozdílným z-indexem přímo nad sebe a poté jim měnit průhlednost (v css pomocí filter:alpha v Internet Exploreru a opacity všude jinde) a té skryté src pro simulaci tohoto efektu. Nebo se můžeš na prolínání vykašlat a nechat nejdřív jednu fotku zmizet a poté ukázat další. Celkem hotové řešení jsem posílal sem.
|
||
Časová prodleva: 15 let
|
0