Jola Postado Abril 1, 2009 Denunciar Share Postado Abril 1, 2009 (editado) Olá pessoa, blza?!Aqui está o código<style type="text/css"> #tarja { position: absolute; top: 188px; left: 8px; width: 190px; height: 15px; padding: 5px; z-index: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333333; background-color: #CCCCCC; } img { border:#000000; margin-top:2px; margin-bottom:2px; } a { outline:0; } body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } .style1 { font-family: Arial, Helvetica, sans-serif; font-size: 10em; color: #666666; } .style3 {font-size: 6px} </style> <script> // Photos var myPix = new Array(3) myPix[0] = "001"; myPix[1] = "002"; myPix[2] = "003"; // Text var myText = new Array(3) myText[0] = "Todos Fizeram Mais Sexo"; myText[1] = "Querendo Cagar"; myText[2] = "Mr.Boomba Episódio 7"; // Configuração var format = ".gif"; var timer = "5000"; var i = 1; function animator(obj,pega) { if (obj != "fecha") { intervalo = window.setInterval("change()",timer); }else { window.clearInterval(intervalo); if (pega == "001") { document.getElementById("image").src = 'images/' + myPix[0] + format; document.getElementById('tarja').innerHTML=myText[0]; }else if (pega == "002") { document.getElementById("image").src = 'images/' + myPix[1] + format; document.getElementById('tarja').innerHTML=myText[1]; }else { document.getElementById("image").src = 'images/' + myPix[2] + format; document.getElementById('tarja').innerHTML=myText[2]; } intervalo = window.setInterval("change()",timer); } } function change() { if (i < myPix.length) { document.getElementById("image").src = 'images/' + myPix[i % myPix.length] + format; if (i == 0) { document.getElementById('tarja').innerHTML=myText[i]; }else if (i == 1) { document.getElementById('tarja').innerHTML=myText[i]; }else { document.getElementById('tarja').innerHTML=myText[i]; i = -1; } i++; }else { i = 0; } } window.onload=animator('go'); </script> <table width="200" height="218" cellpadding="0" cellspacing="0" bordercolor="#666666"> <tr> <td width="210" height="216" nowrap="nowrap" bgcolor="#333333"><div align="center"><img src="images/001.gif" name="image" width='200' height='200' id="image" style="margin:0;"></div></td> <!-- 1) Em id use os valores que colocou na Array 2) Em src coloque o endereço das imagens --> <td width="70" height="216" nowrap="nowrap" bgcolor="#333333" style="width:68px;"> <div align="center"><a href="java script:;"><img class="imgmenu" src="images/001.gif" id="001" onClick="animator('fecha',id);" width='60' height='60'></a><br /> <span class="style3"> </span><br> <a href="java script:;"><img class="imgmenu" id="002" src="images/002.gif" onclick="animator('fecha',id);" width='60' height='60' /><br /> </a><span class="style3"> </span><br> <a href="java script:;"><img class="imgmenu" id="003" src="images/003.gif" onClick="animator('fecha',id);" width='60' height='60'></a><br> </div></td> </tr> </table> <div class="style1" id="tarja"> <div align="justify">Todos Fizeram Mais Sexo</div> </div>O script funciona da seguinte maneira...São três pequenas imagens na direita e uma imagem grande na esquerda.A cada 4 segundos troca as imagens da direita(imgs pequenas) abrindo ela grande na esq... (ex: www.palmeiras.com.br, tem um igual la)Até ai tudo bem, o que eu gostaria é:Que ao clicar na imagem grande, ela fosse para o link desejado.... como faço isso?Não sei como colocar um link na imagem grande...Quem puder me ajudar, agradeço, valeu falou!!! Editado Abril 1, 2009 por Jola Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jonathan Queiroz Postado Abril 1, 2009 Denunciar Share Postado Abril 1, 2009 Você pode deixar a imagem dentro do link<a href="pagina.htm"><img src="imagem.jpg"></img></a>E isso que você quer ? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jola Postado Abril 1, 2009 Autor Denunciar Share Postado Abril 1, 2009 (editado) Você pode deixar a imagem dentro do link<a href="pagina.htm"><img src="imagem.jpg"></img></a>E isso que você quer ?Se eu por dentro da imagem, quando eu clicar na pequena, ele vai pra pagina, não tem como por só na grande, falou abraços!!!E me falaram sobre criar outra array, para links, mas não me mostraram como, eu nem faço ideia como fazer para links e como colocar no codigo =/Falou!! Editado Abril 1, 2009 por Jola Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Jola
Olá pessoa, blza?!
Aqui está o código
O script funciona da seguinte maneira...
São três pequenas imagens na direita e uma imagem grande na esquerda.
A cada 4 segundos troca as imagens da direita(imgs pequenas) abrindo ela grande na esq... (ex: www.palmeiras.com.br, tem um igual la)
Até ai tudo bem, o que eu gostaria é:
Que ao clicar na imagem grande, ela fosse para o link desejado.... como faço isso?
Não sei como colocar um link na imagem grande...
Quem puder me ajudar, agradeço, valeu falou!!!
Editado por JolaLink para o comentário
Compartilhar em outros sites
2 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.