Auto schimbare imagini java - Forum

[ Mesaje noi · Membrii · Regulamentul forumului · Căutare · RSS ]
Pagina 1 din 11
Forum » Tutoriale si Resurse (T&R) » T&R Java » Auto schimbare imagini java
Auto schimbare imagini java
GravediggerData: Joi, 2012-12-27, 3:37 AM | Mesaj # 1
Gravedigger
Administrator
Grup: Administratori
Mesaje: 542
Premii: 10
Reputatie: 5
Stare: Offline
Scriptul prezentat in aceasta pagina afiseaza in acelasi loc cate o imagine cu link propriu care se schimba la un anumit interval de timp.
Fiecare imagine care se schimba automat la interval de 4 secunde contine si un link spre o pagina specifica.
Acest script poate fi util pentru bannere multiple afisate in acelasi loc.
Pentru a adauga acest script intr-o pagina web:
1. Introduceti in sectiunea HEAD a documentul HTML, urmatorul script:
<script type="text/javascript">
<!--
// 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>


2. Dupa tagul <body>, in locatia unde vreti sa apara imaginile, adaugati urmatorul cod:
<a href="javascript:adLink();" onMouseOver="status=url[ct]; return true;" onMouseOut="status=''">
    <img name="Imagine" src="imgs/img1.jpg" border="0">
</a>
 
Forum » Tutoriale si Resurse (T&R) » T&R Java » Auto schimbare imagini java
Pagina 1 din 11
Căutare: