<< Galerie se záložkami | Přehled cvičení | >>
Zadání
- Podle předlohy vytvořte prohlížeč obrázků s rozcestníkem
- Pomocí JS funkce výměna zajistěte výměnu obrázků pod ovládacími tlačítky
- Pomocí události OnMouseOver nastavte reakci tlačítek na pohyb myši
Ukázky kódu
<script> function vymena(obrazek, url) { if (document.images) { document.images.cil.src = obrazek.src gotolink = url } } function link() { window.location = gotolink } var obrazky = new Array() var gotolink = "http://seznam.cz" function nahrej() { for (i = 0; i < nahrej.arguments.length; i++) { obrazky[i] = new Image() obrazky[i].src = nahrej.arguments[i] } } nahrej("images/01.jpg", "images/02.jpg", "images/03.jpg", "images/04.jpg") </script>
<ul> <li><a href="01.html" onmouseover="vymena(obrazky[0],this.href)">Domů</a></li> <li><a href="02.html" onmouseover="vymena(obrazky[1],this.href)">Foto 01</a></li> <li><a href="03.html" onmouseover="vymena(obrazky[2],this.href)">Foto 02</a></li> <li><a href="04.html" onmouseover="vymena(obrazky[3],this.href)">Foto 03</a></li> </ul>
<div> <p> <a href="javascript:link()"><img src="images/01.jpg" name="cil" border="1"></a> </p> </div>