Auto schimbare imagini
Page 1 of 1
Auto schimbare imagini
Scriptul prezentat in aceasta pagina afiseaza in acelasi loc cate o imagine cu link propriu care se schimba la un anumit interval de timp.
Efectul acestui script il puteti vedea in exemplul de mai jos, 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.
Pasul 1. (JavaScript)
PA > Module > HTML si JavaScript > Gestiunea codurilor JavaScript > Creaza un nou JavaScript
Titlu * : Auto Swith
Amplasare :
Cod JavaScript * :
2. Dupa tagul , in locatia unde vreti sa apara imaginile, adaugati urmatorul cod:
Efectul acestui script il puteti vedea in exemplul de mai jos, 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.
[You must be registered and logged in to see this link.]
Pasul 1. (JavaScript)
PA > Module > HTML si JavaScript > Gestiunea codurilor JavaScript > Creaza un nou JavaScript
Titlu * : Auto Swith
Amplasare :
Cod JavaScript * :
- Code:
// 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();
}
2. Dupa tagul , in locatia unde vreti sa apara imaginile, adaugati urmatorul cod:
- Code:
<a href="javascript:adLink();" onMouseOver="status=url[ct]; return true;" onMouseOut="status=''">
<img name="Imagine" src="imgs/img1.jpg" border="0">
</a>
Similar topics
» Switchbotv2.25 [Metin2-DR] Schimbare-Bonus
» Schimbare text "Legenda" cu "Echipa" (pHpBB3)
» Imagini la username si password
» Script de upload imagini
» Efect hover foarte interesant asupra imagini
» Schimbare text "Legenda" cu "Echipa" (pHpBB3)
» Imagini la username si password
» Script de upload imagini
» Efect hover foarte interesant asupra imagini
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum