Imagem “header” rotativa no wordpress
2,292 acessos
Vou mostrar aqui como você pode pegar várias imagens e fazer elas ficarem rodando no header sem a necessidade de usar flash, mas usando javascript. No final do post tem um exemplo.
Veja o código, só altere o nome das imagens e o tempo! Você também deve alterar o tamanho em “widht” “height”
<script language=”JavaScript1.1″>
<!–
var image1=new Image()
image1.src=”imagem1.jpg”
var image2=new Image()
image2.src=”imagem2.jpg”
var image3=new Image()
image3.src=”imagem3.jpg”
var image4=new Image()
image4.src=”imagem4.jpg”
var image5=new Image()
image5.src=”imagem5.jpg”
//–>
</script>
<img src=”imagem1.jpg” name=”slide” width=940 height=198>
<script>
<!–
//variable that will increment through the images
var step=1
function slideit(){
//if browser does not support the image object, exit.
if (!document.images)
return
document.images.slide.src=eval(“image”+step+”.src”)
if (step<5)
step++
else
step=1
//call function “slideit()” every 2.5 seconds
setTimeout(“slideit()”,2500)
}
slideit()
//–>
</script>
Para visualizar esse script funcionando acesse Guia de Viagem
Pronto! =]
