Autor | Zpráva | ||
---|---|---|---|
FantomJ Profil |
#1 · Zasláno: 22. 10. 2011, 13:54:35
Nekamenujte mě. Jen mě zajímá, proč mi nefunguje plynulá změna obrázku. Kde je chyba???
Jsem z toho zoufalý. Díky za odpověď. <script> var slideShowSpeed = 1000 var crossFadeDuration = 2 var Pic = new Array() Pic[0] = '01.jpg' Pic[1] = '02.jpg' Pic[2] = '03.jpg' var t var j = 0 var p = Pic.length var preLoad = new Array() for (c = 0; c < p; c++){ preLoad[c] = new Image() preLoad[c].src = Pic[c] } function runSlideShow(){ if (document.all){ document.images.SlideShow.style.filter="blendTrans(duration=2)" document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)" document.images.SlideShow.filters.blendTrans.Apply() } document.images.SlideShow.src = preLoad[j].src if (document.all){ document.images.SlideShow.filters.blendTrans.Play() } j = j + 1 if (j > (p-1)) j=0 t = setTimeout('runSlideShow()', slideShowSpeed) } </script> |
||
margin Profil * |
#2 · Zasláno: 22. 10. 2011, 14:11:55
Funguje to jen v IE, protože jen IE podporuje přechodové filtry. V ostatních prohlížečích se obrázky mění bez přechodového efektu.
Najdi si jiný, modernější skript. |
||
FantomJ Profil |
#3 · Zasláno: 22. 10. 2011, 16:49:19
Ahááá. Tak to jo. A nemáte tip na nějaký ten skriptík? Já toho prolistoval, ale nic podobného jsem nenašel. Potřebuju jen aby se mi vystřídalo 8 obrázků... Nic víc.
|
||
Witiko Profil |
#4 · Zasláno: 22. 10. 2011, 21:10:40 · Upravil/a: Witiko
FantomJ:
Pro přechod můžete dát druhý obrázek pod ten současný pomocí hrátek s css vlastnostmi z-index a position:absolute a následně ten navrchu pomocí css vlastnosti opacity plynule zneviditelnit (nějakou takovouto funkcí). To by mělo vytvořit efekt přechodu. Pro Internet Explorer je možné ponechat aktuální řešení.
|
||
Časová prodleva: 13 let
|
0