Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia pessoal,
tenho um script que é uma especie de slide, com links de navegação.
O script Mostra três imagens que podem ser acessadas pelos links "próxima" e "anterior".
Isso tudo ta funcionando perfeitamente!
Quero exibir na tela o texto armazenado no "alt" de cada imagem;
Esses valores do 'alt ' também são alterados dinamicamente, ou seja, o script já está retornando os textos corretos do alt de cada imagem.
Preciso agora exibir na tela o texto/alt abaixo da imagem correspondente;
Alguem pode dá uma ajuda?
obrigado!
segue abaixo o código;
<html>
<head>
<script type="text/javascript">
array1 = new Array ("http://www.artros.com.br/imgs/logo_ministerio.jpg", "http://www.artros.com.br/imgs/logo_cremec.jpg", "http://www.artros.com.br/imgs/logo_amc.jpg")
array2 = new Array ("texto da imagme 0", "texto da imagem 1", "texto da imagem 2")
array3 = new Array ("http://www.oi.com.br", "http://www.terra.com.br", "http://www.ig.com.br")
array4 = new Array ("_top", "_blank", "_main")
function comeco(){document.getElementById('imgId').src = array1[0]
document.getElementById('imgId').alt = array2[0]
document.getElementById('aId').href = array3[0]
document.getElementById('aId').target = array4[0]
document.form.texto.value="0"
}
function mais(){
document.form.texto.value = Math.floor (1+ 1 - 2 + (document.form.texto.value) * 1 + 1)
if (document.form.texto.value > 2)
{document.form.texto.value = 0}
}
function menos(){
document.form.texto.value = Math.floor (1+ 1 - 2 + (document.form.texto.value) * 1 -1)
if (document.form.texto.value < 0)
{document.form.texto.value = 2}
}
function regular(){
document.getElementById('imgId').src = array1[document.form.texto.value];
document.getElementById('imgId').alt = array2[document.form.texto.value];
document.getElementById('aId').href = array3[document.form.texto.value];
document.getElementById('aId').target = array4[document.form.texto.value];setTimeout("regular()", 1)
}
</script>
<body onLoad="comeco();regular()">
<a id="aId">
<img id="imgId" border="0">
</a>
</br>
<a id="prev" href="javascript:menos()">Anterior</a>/
<a id="next" href="javascript:mais()">Proximo</a>
<form name="form">
<input type=text name="texto" />
</form>
</body>
</html>Carregando comentários...