Autor Zpráva
dospisil
Profil *
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
dospisil:
Bez zivej ukazky, resp. kodu neporadime.
_es
Profil
dospisil:
Skús pohľadať plynulé menenie CSS vlastnosti opacity.
dospisil
Profil *
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 *
<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)">

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0