marți, 4 decembrie 2012

Butoane, imagini, link-uri sau bannere in rotatie

Iata un scripts pentru butoane, imagini, link-uri sau bannere in rotatie

O modalitate de rotire intr-un timp prestabilit a unor bannere sau imagini (cu lunk-urile aferente) pe un spatiu cat mai redus este posibila folosint un script specializat.Un exemplu il poti vedea in partea dreapta sus a blog-ului.
Acest lucru poate servi pentru a afişa o listă de link-uri de orice fel, fără a lua spaţiu prea mult şi fără a da prioritate unuia dintre ele: (un blogroll, un număr de bannere publicitare, butoane sau doar cateva imagini).
 ==============================================
<script type="text/javascript">
var ban = new Array();
var enl = new Array();
var indice = 0;

ban[0] = new Image();
ban[0].src = "URL IMAGINE1";
enl[0] = "URL LINK1";

ban[1] = new Image();
ban[1].src = "URL IMAGINE2";
enl[1] = "URL LINK2";

ban[2] = new Image();
ban[2].src = "URL IMAGINE3";
enl[2] = "URL LINK3";

indice = Math.random() * (ban.length);
indice = Math.floor(indice);

function rota()
{if (indice == ban.length) indice = 0;
if (document.images) {
document.images.rotando.src = ban[indice].src;
}
else {
document.getElementById('rotando').src=ban[indice].src;
}
indice++;
setTimeout('rota()',2000);
}
function vete() {window.open(enl[indice-1]);}
</script>

<img id="rotando" style="cursor:pointer;" src="" onclick="vete();"/>
<script type="text/javascript">rota();</script>
====================================================
2000 este valoarea în timp în milisecunde (2 secunde)de aştepte înainte de afişarea urmatoarei imagini. Aveţi posibilitatea să modificaţi această valoare, cu alta pe care o doresti.

Si in ultimul rand trebuie sa schimbi URL IMAGINE1,URL IMAGINE2,URL IMAGINE3 cu url-urile de imagine care doresti sa fie afisate,de asemenea inlocuieste URL LINK1,URL LINK2,URL LINK3, cu cel care vrei sa insoteasca imaginea respectiva.

Acest script il poti folosi intr-un badget HTML

Niciun comentariu:

Trimiteți un comentariu