Slide Show
Um "Slide Show" é uma apresentação sequencial de imagens.
Neste exemplo a imagem muda de segundo a segundo.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
if (document.images)
{
adFotos = new Array(
"../CS-XAQ/2003-09-14_12_Small.jpg",
"../../images/lisboa04_284x212.jpg",
"imgs/Lagos027_Small.jpg",
"../CS-XAG/CS-XAG_2003-06-14_Small.jpg",
"../CS-XAO/RV-6_100Horas_Small.jpg")
adURLs = new Array(
"CS-XAQ.html",
"PenaPalace.html",
"../Lagos.html",
"CS-XAG.html",
"CS-XAO.html");
estaFoto = 0;
}
function mudaFoto()
{
if (document.images)
{
if (document.Foto.complete)
{
if (++estaFoto == adFotos.length)
estaFoto = 0;
document.Foto.src = adFotos[estaFoto];
}
}
setTimeout("mudaFoto()", 2000);
// Muda foto de 2 em 2 segundos
}
function getSite()
{
document.location.href = "../BigImgs/"
+ adURLs[estaFoto];
}
</script>
</head>
<body onload="mudaFoto()">
<div class="exemplo" align="left"><a
href="javascript:getSite()"><img
name="Foto" src="imgs/Lagos027_Small.jpg"
width="284" height="212" border="0"
alt="Escolhe uma foto!"></a><br>
Escolhe uma foto!
</div>
</body>
</html>
Escolhe uma foto!
