Mesaj # 1 | 0:40 AM
Script-ul prezentat afişează în acelasi loc câte o imagine cu link propriu care se schimbă la un anumit interval de timp.

Între
Code
<head> şi </head>
adăugaţi codul:
Code
<script type="text/javascript">
<!--
// http://www.marplo.net
// Matricea care contine calea pt. imagini
// Schimbati cu imaginile folosite de dv.
src = ["imgs/img1.jpg", "imgs/img2.jpg", "imgs/img3.jpg", "imgs/img4.jpg"]

// Matricea care contine adresele URL spre care va redirectiona imaginile
// Schimbati cu adresele URL folosite de dv.
url = ["http://www.marplo.net/anime/naruto-4-i.html",
"http://www.marplo.net/anime/naruto-7-i.html",
"http://www.marplo.net/anime/naruto-8-i.html",
"http://www.marplo.net/anime/dragon_ball_z-9-i.html"]

// Aici setati durata, in secunde pt. fiecare imagine
durata = 4;

// Codul umator prelucreaza matricele
// Schimba imagine la nr. de secunde stabilite
// Atribue fiecarei imagini URL-ul corespunator
ads=[]; ct=0;
function schimbaAd() {
   var n=(ct+1)%src.length;
   if (ads[n] && (ads[n].complete || ads[n].complete==null)) {
     document["Imagine"].src = ads[ct=n].src;
   }
   ads[n=(ct+1)%src.length] = new Image;
   ads[n].src = src[n];
   setTimeout("schimbaAd()",durata*1000);
}
function adLink() {
   location.href = url[ct];
}

// Apeleaza functia la incarcarea paginii
onload = function() {
   if (document.images)
     schimbaAd();
}
//-->
</script>
Link

Iar unde vreţi să apară script-ul puneţi codul:

Code
<a href="javascript:adLink();" onMouseOver="status=url[ct]; return true;" onMouseOut="status=''">
   <img name="Imagine" src="imgs/img1.jpg" border="0">
</a>


- "img1.jpg" este prima imagine ca va apare, dupa care va incepe afisarea celorlalte. (puteti folosi si alte tipuri de imagini: ".gif", ".png")

Sursa: Link