Bine ati venit pe forumul de suport al Forumgratuit

Pentru a beneficia de tot ceea ce va ofera forumul nostru, va rugam sa va conectati daca sunteti deja membru sau sa va alaturati comunitatii noastre



Creati un forum gratuit ca acesta.

Afisarea aleatorie a unei imagini

 :: Despre Forumgratuit ::   :: Tutoriale

Vezi subiectul anterior Vezi subiectul urmator In jos

Afisarea aleatorie a unei imagini

Mesaj Scris de ezlidor la data de Sam 22 Mai 2010, 12:31 pm

Afisarea aleatorie a unei imagini

Buna tuturor,
In acest tutorial va voi arata cum sa adaugati un cod ce afiseaza aleatoriu o imagine dintr-un set definite de dvs. Il puteti folosi pentru bannere, pentru afisarea unei galerii, etc.

1. Cod
Codul il puteti pune in:
* modul din portal
* widget
* mesaj pentru pagina de start
* descriere forum

Cod:
<script language="JavaScript">
<!--

/*
Random Image Link Script- By JavaScript Kit(http://www.javascriptkit.com)
Over 200+ free JavaScripts here!
Updated: 00/04/25
*/

function random_imglink(){
var myimages=new Array()
//specify random images below. You can have as many as you wish
myimages[1]="link imagine 1"
myimages[2]="link imagine 2"
myimages[3]="link imagine 3"

//specify corresponding links below
var imagelinks=new Array()
imagelinks[1]="link topic 1"
imagelinks[2]="link topic 2"
imagelinks[3]="link topic 3"

var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<a href='+'"'+imagelinks[ry]+'"'+'><img src="'+myimages[ry]+'" border=0></a>')
}
random_imglink()
//-->
</script>



2. Modificarea codului

Codul de mai sus e pentru afisarea aleatorie a 3 imagini cu redirectionare.
Inlocuiti link imagine 1, link imagine 2 si link imagine 3 cu link-urile imaginilor si link topic 1, link topic 2 si link topic 3 cu link-urile de redirectionare.

ATENTIE ! Toate imaginile trebuie sa aiba aceiasi dimensiune.


Pentru a adauga o imagine noua, adaugati codul:
Cod:
myimages[4]="link imagine 4"

... sub codul
Cod:
myimages[3]="link imagine 3"



Adaugand o imagine noua, o sa trebuiasca sa adaugati si codul pentru redirectionare a imaginii respective. Adaugati codul:
Cod:
imagelinks[4]="link topic 4"

... sub codul
Cod:
imagelinks[3]="link topic 3"



Numai bine,
Echipa Forumgratuit
Reproducerea acestui tutorial nu este posibila fara acordul nostru, in conformitate cu articolul L122-1 apartinand ICC.

ezlidor
Veteran Forumgratuit
Veteran Forumgratuit

Numarul mesajelor: 11523
Varsta: 23
Localizare: Iasi
Data de inscriere: 07/02/2008
Niciun warn

http://help.forumgratuit.ro

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

 :: Despre Forumgratuit ::   :: Tutoriale

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum