Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<a href="" id="adLink"><img src=""></a>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
// seznam všech banerů vytažený z DB v jednom poli var banners = [{"title":"titulek","obr":"obr1.jpg"},{"title":"druhy titulek","obr":"obr2.jpg"}]; // aktuálně zobrazovaný banner var currentAd = 0; function cycle() { // odkaz podle id var link = document.getElementById('adLink'); // nastavení adresy (zde se přiřazuje titulek, protože odkaz v poli nemám) link.href = banners[currentAd].title; // banner je jediný obrázek v odkazu var banner = link.getElementsByTagName('img')[0]; // nastavení cesty k obrázku banner.src = "./img/banner/" + banners[currentAd].obr; // nastavení titulku obrázku banner.title = banners[currentAd].title; // přičtení jedničky a pokud to přeteče stane se z toho opět nula currentAd = (currentAd + 1) % banners.length; } // měň bannery každé 2 sekundy zavoláním funkce cycle window.setInterval(cycle, 2000);
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>