Blog Programistyczny

Branżowy blog dla Webmastera.

Html JavaScript

sprytna funkcja tworząca animowany banner

funkcja ma tę zaletę że określamy prost fps a klatkami mogą być wszystkie dostępne przez przeglądarkę formaty jpg,gif,png itp – bez strat kolorów jak w standardowym animowanym gifie. Użytkownik nie musi mieć także zainstalowanych dodatkowych wtyczek jak np. Flash.

Dodanie/usunięcie obrazka to prosta modyfikacja tablicy w JS

w head dołączamy kod:

window.onload = rotate;

var banners = new Array("1.jpg","2.jpg","3.jpg","4.gif");
var actualBanner = 0;

function rotate() {
actualBanner++;
if (actualBanner == banners.length) {
actualBanner = 0;
}
document.getElementById("rotateBanner").src = banners[actualBanner];

setTimeout("rotate()", 5 * 1000);
}

a na stronie musimy jedynie umieścić obrazek z id-kiem (i przydałyby się sztywne wymiary width,height)

<img src="rotateBanner" width="800" height="80" alt="pasi tez wstawic alta" />
Recommended
Na fali ostatniej akcji z nakazem resetu hasła na popularnym…
Cresta Posts Box by CP