<< 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
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <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()
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>
|
1 2 3 4 5 6 | <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>
|
1 2 3 4 5 | <div>
<p>
<a href="javascript:link()"><img src="images/01.jpg" name="cil" border="1"></a>
</p>
</div>
|
Ukázka slideru
