Ir para conteúdo
Fórum Script Brasil
  • 0

Colocar link em img rotativas


Jola

Pergunta

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>
&lt;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">&nbsp;</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">&nbsp;</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 por Jola
Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0
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 por Jola
Link para o comentário
Compartilhar em outros sites

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.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...