Azi este Miercuri, 3 de Septembrie.2017

cu reduceri

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 unul dintre ele: (un blogroll, un număr de bannere publicitare, butoane sau doar cateva imagini pentru tine).

<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.

Related Posts:

  • Butoane PageRank pentru blog sau site webPageRank este un instrument pentru a masura si a verificare ce importanta da Google unei pagini web sau blog. Cu cat valoare PR este mai mare cu atat siteul sau blogul tau apare in primele pozitii in motoarele de cautare Goog… Read More
  • Butoane cu CSS3 pentru blogAceasta este o alta forma de a construi butoane fara imagini,folosind umbre si alte efecte cu CSS3,adevarat cu cateva limite, dar functionand cu orice browser.mergi la Aspect -- Editere HTML/Javascript si inainte de linia ]]&… Read More
  • Buton de efect si text aleatorMai mult ca sigur ai intilnit acest model de buton cu un efect special ce apare mai jos folosit in anumite ocazii pe site sau blog si ti l-ai dorit. Acum folosind codul html din acest post il poti instala pe blogul tau fara p… Read More
  • Schimba culoarea la butoane!Deşi foarte multi dintre voi stiu acest lucru, sunt persoane care înca ma întreba ce să fac pentru a schimba culoarea din butoanele de pe unele gadget-uri, cum ar fi butonul Search, Aboneaza-te, etc.Cod comun pentru un buton … Read More
  • Noile butoane oficiale de TwitterDe cateva zile sunt disponibile oficial noile butoane si se poate obtine codul lor direct de pe pagina ta Twitter.Acestea se gasesc la sectiune "Extras" unde apare un nou buton de twittear click pe el si la deschiderea pagini… Read More

3 comentarios:

  1. Va salut. Foarte bun acest script,de ceva timp tot cautam sa gasesc o modalitate de a roti imagini si am gasit dar era foarte complicat de insertar un cod pe blogul meu,cu ajutorul acestui script postat de tine aici am reusit din prima sa insertez cateva imagini.Multumesc Costi si pentru ajutorul primit prin mail de la tine.Tot inainte sunt un fan al tau.

    RăspundețiȘtergere
  2. Salutare caut si eu scripturi pt imbunatatire blog.E ftbun acest blog.
    Tine-o tot asa.Iti doresc Bafta in continuare.

    RăspundețiȘtergere
  3. Salut Iulian si multumesc pentru aprecieri. Pe acest blog gasesti foarte multe script acum depinde ce fel de script cauti tu?

    Revino pe acest blog voi continua sa postez si alte script pentru blog

    RăspundețiȘtergere

Bine ai venit!
In continuare poti lasa mesajul tau.

Multumesc