Prevoditelj
Kategorije
Arhiva

JavaScript Image Rotator

JA oformljen ovaj okretaljka JavaScript sliku za rješavanje problema klijenta od mina je imajući na njihovim stranicama prošlog tjedna.

Prvi korak je kreirati prazan div koji slike mogu biti učitani u. Najlakši način za pristup određenim div iz JavaScript kako bi provjerili da je div id, i pristup od strane referenciranje div div id kao što je:

 var bannerHolder = document.getElementById ('bannerHolder');

Nakon što ste stvorili div i način da se to referenca preko JavaScript, te htijenje trebate kupiti stvoriti niz sliku URLove na loop putem.

 var bannerArray = new Array (); var currentImage = 0; bannerArray = ['http://www.noobflash.com/wp-content/themes/LemonPress/images/JavaScriptImageRotator/google.jpg', 'http://www .noobflash.com / wp-sadržaja / teme / LemonPress / images / JavaScriptImageRotator / yahoo.jpg ',' http://www.noobflash.com/wp-content/themes/LemonPress/images/JavaScriptImageRotator/msn.jpg '] ; 

Kravata tih dijelova koda zajedno koristeći setInterval stvoriti vremenski rotaciju i imate sliku rotator. Nabavite kompletan kod koristeći link ispod:

Dobiti Kompletan Šifra

Jedan odgovor na "JavaScript Image Rotator"

Dopust jedan Odgovor