[JS] Rotator bannerów

[Grzegorz Getka]

Mam coś takiego:

<script language="JavaScript">
<!--
baner = new Array(4);
baner[0] = '<a href="a.html" target=_blank><img src="bannner.jpg" width="468" HEIGHT="60" BORDER="0" alt=" "></a>';
baner[1] = '<a href="b.html" target=_blank><img src="baner.gif" width="468" HEIGHT="60" BORDER="0" alt=" "></a>';
baner[2] = '<a href="c.html" target=_blank><img src="banner.jpg" widtth="468" height="60" BORDER="0" alt=" "></a>';
baner[3] = '<a href="d.html" target="_blank"><img border="0" src="bannner.jpg" alt=" " width="468" height="60"></a>';
//losowe wyświetlenie
index = Math.floor(Math.random() * baner.length);
//wyświetlanie banerów
document.write("<center>");
document.write(baner[index]);
document.write("</center>");
//-->
</script>

Przy każdym przeładowaniu strony zmienia się banner, a jak zrobić, żeby zmieniał się co 20 sekund ?

[Kaviorek]

nie da się przerabiając ów kod..

nie mówiąc już, że jak miałbyś zamiar przeładowywać tylko ten kod js co 20sek? a reszta strony nie...

//edit.. no, jednak się da

[Grzegorz Getka]

Czyli w JS nie da się tego zrobić ?

[slawek22]

Jasne, że się da, tylko trochę kodu jest. Ja napisałem coś takiego, dodatkowo czasowo blokuje zmianę bannera kiedy user trzyma nad nim myszkę (żeby nie zmieniło bannera w chwili kiedy chce kliknąć) i blokuje pokazywanie treści strony zanim pokaże się banner (wiem to trochę idiotyczna funkcjonalność ale łatwo da się wyłączyć). Jak chcesz to się odezwij na PM

[MMP]

Mam dzisiaj dobry dzień:

W miejscu gdzie ma być banner dajesz sobie:

<div id="mmp_baner"> </div>

a po tym kodzie takie cosik:

<script language="JavaScript">
baner = new Array(4);
baner[0] = '<a href="a.html" target=_blank><img src="bannner.jpg" width="468" HEIGHT="60" BORDER="0" alt=" "></a>';
baner[1] = '<a href="b.html" target=_blank><img src="baner.gif" width="468" HEIGHT="60" BORDER="0" alt=" "></a>';
baner[2] = '<a href="c.html" target=_blank><img src="banner.jpg" widtth="468" height="60" BORDER="0" alt=" "></a>';
baner[3] = '<a href="d.html" target="_blank"><img border="0" src="bannner.jpg" alt=" " width="468" height="60"></a>';
function mmp_baner(baner) {

window.setTimeOut( function() {
document.getElementById( 'mmp_baner' ).innerHTML = baner[Math.floor(Math.random() * baner.length)];
window.setTimeOut( function() { mmp_baner( baner ); }, 200 );
}, 200 );
}
mmp_baner( baner);
</script>

Nie jestem pewien tylko czy powinno być 200, 20, 2000.

Nie gwarantuje że działa bo pisałem z palca.

[Grzegorz Getka]

slawek22 wielkie dzięki ! To co mi podałeś działa perfekcyjnie, właśnie o takie coś mi chodziło

[Grzegorz Getka]

Mam jeszcze jedno małe pytanko. Co w przypadku, gdy banner jest we flash'u ?

[slawek22]

Na razie nie zadziała, tylko pliki graficzne. Trzeba byłoby zintegrować np. z flashobject