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:

Trebali bi provjeriti jQuery ciklusa http://malsup.com/jquery/cycle/ To vam omogućava ne samo ciklusa slika, ali i linkove ili div ili bilo što drugo vam staviti tamo. Čak i pomiješati sve zajedno i sadržaja.