Autor | Zpráva | ||
---|---|---|---|
dospisil Profil * |
#1 · Zasláno: 18. 8. 2011, 21:11:13
Nazdar,
jako začátečník v JS dělám takovou prezentaci obrázků. Načítají se jeden za druhým, pěkně to přeblikává, tohle už jsem složil nějak dohromady. Ovšem, natrefil jsem na problém. Je to nepříjemný pro oči. Když se mění jeden obrázek za druhý, škubne to očima. Neporadil by mi někdo, jak to udělat tak, aby to načtení "proběhlo pomaleji" nebo s nějakým "zdynamičtěním" nebo s nějakým "meziefektem". Doufám, že jsem to vysvětlil dobře. Nebo alespoň jestli se to dá řešit, tak jak se to jmenuje anglicky, zbytek si dohledám. |
||
pcmanik Profil |
#2 · Zasláno: 18. 8. 2011, 21:53:21
dospisil:
Bez zivej ukazky, resp. kodu neporadime. |
||
_es Profil |
#3 · Zasláno: 18. 8. 2011, 21:55:10
dospisil:
Skús pohľadať plynulé menenie CSS vlastnosti opacity .
|
||
dospisil Profil * |
#4 · Zasláno: 18. 8. 2011, 22:28:55
Kód:
<html> <head> <title>Promena obrazku</title> <script type="text/javascript"> <!-- hide me from older browsers var the_images = new Array(); the_images[0] = new Image(); the_images[0].src ="obrazky/000001.jpg"; the_images[1] = new Image(); the_images[1].src ="obrazky/000002.jpg"; the_images[2] = new Image(); the_images[2].src ="obrazky/000004.jpg"; the_images[3] = new Image(); the_images[3].src ="obrazky/000001_2.jpg"; the_images[4] = new Image(); the_images[4].src ="obrazky/000001_3.jpg"; var the_timeout; var the_timeout; var index = 0; function rotateImage() { window.document.my_image.src = the_images[index].src; index++; if (index>= the_images.length) { index = 0; } the_timeout = setTimeout("rotateImage();", 3500); } //show me --> </script> </head> <body> <img name = "my_image" src = "obrazky/000001.jpg" onMouseOver = "clearTimeout(the_timeout);" onMouseOut = "rotateImage();"> </body> </html> |
||
peta Profil |
Moderátor Chamurappi: Vyhozeno z zpomalení načítání. Moderátor Chamurappi: … a zase vráceno.
Jquery http://www.slu.cz/slu/cz Moderátor Chamurappi: Tam žádný efekt nevidím.
V IE funguje efekt mezi strankami pres META http://msdn.microsoft.com/en-us/library/ms532847%28v=vs.85%29.aspx "Interpage Transition Syntax" <META HTTP-EQUIV="Site-Enter" content="RevealTrans(Duration=3,Transition=23)"> Moderátor Chamurappi: Nezrušili to náhodou už ve verzi sedm či osm?
|
||
margin Profil * |
#6 · Zasláno: 19. 8. 2011, 22:24:14
<META HTTP-EQUIV="Site-Enter" content="RevealTrans(Duration=3,Transition=23)"> peta: „Moderátor Chamurappi: Nezrušili to náhodou už ve verzi sedm či osm?“ Otestoval jsem v nativním IE8 a funguje a dokonce i s HTML5 doctype, tedy ve standardním režimu prohlížeče. Běžně na jedné své stránce návštěvníky s IE oblažuji touto záludností, zda funguje v IE9, nevím: <metA http-equiv="Site-Exit" content="progid:DXImageTransform.Microsoft.Slide(Duration=1.5)"> |
||
Časová prodleva: 13 let
|
0