|
Comunitatea uCoz Altele Instrumente şi Script-uri Auto schimbare imagini |
Auto schimbare imagini |
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> 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> 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 |
| |||
| |||