Ir para conteúdo

POWERED BY:

Arquivado

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

marcosbrasil

Slider em Javascript

Por , em Javascript

Recommended Posts

marcosbrasil    0

marcosbrasil
Postado

Olá a todos,

 

Estou com um problema no codigo.

 

Tenho 2 botoes um Anterior e outro Proximo

Ao clicar em um dos botoes tem que passar as imagens(4 no total).

 

As imagens estao aparecendo,porem quando chega no final uma das imagens nao aparece

e os dois botoes sai do lugar.

 

Javascript

 

<script type="text/javascript">
var Slide = new Array("imagens/img1.png", "imagens/img2.png", "imagens/img3.png" , "imagens/img4");
var indSlide = 0;
var ultSlide = Slide.length -1;
// Função controla a seqüência de slides.
function MostraSlide(direcao){
indSlide = indSlide + direcao;
if(indSlide > ultSlide){indSlide = 0};
if(indSlide < 0) {indSlide = ultSlide};
document.FigSlide.src = Slide[indSlide];
}

HTML

<body>
<div id="botoes">
<a href="EXE3INDEX.html"><img src="imagens/aba1.png"alt=""/></a>
<a href="#"><img src="imagens/aba2.png"alt=""/></a>
<a href="#"><img src="imagens/aba3.png"alt=""/></a>
</div>
<div id="tudo">
<img id="coracao"src="imagens/img1.png"name="FigSlide"/><br/>
<a href="#"onclick="javascript:MostraSlide(-1)"id="btAnterior">Anterior<a href="#"onclick="javascript:MostraSlide(1)"id="btProximo">Proximo</a>
</div>
</body>

IMAGEM

 

aa9u.jpg

 

 

 

 

 

ARQUIVO BAIXAR

http://www.mediafire.com/download/27ucsoy5lbfiswm/EXE3A.html

 

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

marcosbrasil    0

marcosbrasil
Postado

Bom , Amigos do forum.

Encontrei o erro:

var Slide = new Array("imagens/img1.png", "imagens/img2.png", "imagens/img3.png" , "imagens/img4.png");

 

Faltou colocar o PNG no final.

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