Ultimele subiecte
» [All Version] Social Link/Icons
Scris de Jean01Crv 13/10/2014, 12:52 pm

» (pHpBB3) Legenda : Sistem Nou
Scris de Jean01Crv 13/10/2014, 12:49 pm

» Imagine la Statistici & Cine este Conectat ? [pHpBB3]
Scris de Jean01Crv 13/10/2014, 12:44 pm

» Statistici - Sistem Nou [pHpBB3]
Scris de Jean01Crv 13/10/2014, 12:20 pm

» [Prezentare]Chozen
Scris de valyd1971 16/5/2014, 12:54 am

Vizitator Vizitator
Cine este conectat?
In total sunt 3 utilizatori conectati: 0 Inregistrati, 0 Invizibil si 3 Vizitatori :: 1 Motor de cautare

Nici unul

[ Vizualizeaza toata lista ]


Recordul de utilizatori conectati a fost de 42, 1/11/2012, 8:58 am

Auto schimbare imagini

Vezi subiectul anterior Vezi subiectul urmator In jos

Auto schimbare imagini

Mesaj Scris de StaarK* For EvEr la data de 27/8/2012, 3:26 am

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 * :
Cod:
// 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:
Cod:
<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")
avatar
StaarK* For EvEr
Administrator


Vezi profilul utilizatorului

Sus In jos

Re: Auto schimbare imagini

Mesaj Scris de mr.franta la data de 27/8/2012, 10:05 pm

foarte interesant,bravo
avatar
mr.franta
Client


Vezi profilul utilizatorului

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum