» Bun venit, Vizitator, pe Advance-Tutorials, sperăm ca-ți place acest forum care iți pune la dispoziție o gama largă de tutoriale și resurse pentru webdesign și Forumgratuit.
» Sperăm că vei binevoi să-ți faci cont pe forum pentru a avea aces la toate subiectele forumui.
Numai bine, echipa !
Navigare Rapida
Cei mai activi postatori ai lunii

Ultimele subiecte
» GREEN LANENICU
Lun Mai 16, 2016 6:45 am Scris de Forward

» TEMA GAMING EVOSTRIKE
Lun Mai 16, 2016 6:41 am Scris de Forward

» Orange Board
Lun Mai 16, 2016 6:38 am Scris de Forward

» DreamZone CS 1.6
Lun Mai 16, 2016 6:38 am Scris de Forward

» 1thank
Lun Mai 16, 2016 6:37 am Scris de Forward

» Name Up Avatar (phpBB3)
Vin Apr 26, 2013 6:15 am Scris de Cel mia mare plagiator

» (pHpBB3) Adaugare clasa rang
Vin Apr 26, 2013 6:11 am Scris de Cel mia mare plagiator

» (pHpBB3) Cine e on + Statistici !
Vin Apr 26, 2013 6:07 am Scris de Cel mia mare plagiator

»  [Concurs]Cel mai frumos logo pentru Advance-Tutorials
Lun Apr 01, 2013 4:02 am Scris de TroJaNu4U

jggfvh
Banner Doar la 1euro



Auto schimbare imagini

Vezi subiectul anterior Vezi subiectul urmator In jos

Auto schimbare imagini

Mesaj Scris de TroJaNu4U la data de Sam Noi 10, 2012 10:12 pm

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.

[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Pasul 1. (JavaScript)
PA > Module > HTML si JavaScript > Gestiunea codurilor JavaScript > Creaza un nou JavaScript

Titlu * : Auto Swith
Amplasare :
Toate paginile

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:
[code
[Trebuie sa fiti
înscris şi conectat pentru a vedea această imagine]
][/code]
- "img1.jpg" este prima imagine ca va apare, dupa care va incepe afisarea
celorlalte. (puteti folosi si alte tipuri de imagini: ".gif", ".png")


Do not judge me for what I do, do not judge me for what I do!
Cee I did was a mother first but now changed!
Sincerely Advanc-Tutorials Team
avatar
TroJaNu4U
Administratori
Administratori

Mesaje Mesaje : 1306
Bani Bani : 7721
Data inscrierei Data inscrierei : 11/06/2011
Like : 14

http://advance-tutorials.forumz.ro

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus


 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum