Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

AlexandreHenrique

Exibir na tela valores do ALT de cada imagem

Por , em Javascript

Recommended Posts

AlexandreHenrique    1

AlexandreHenrique
Postado

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>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito