[Resolvido] Imagens alternadas com mapeamento e links

WebAntares · Março 27, 2008

Uma ajuda por favor, tenho um codigo em javascript que alterna as imagens de exibição e queria incluir nele se possivel um mapeamento da imagem para direcionar para varios links, sendo que cada imagem tem um mapeamento com links diferentes, se não for possivel favor me mandarem algum codigo em php pois acho que aissim e possivel.

Por exemplo uma figura divida em 4x4 com quatro links, depois exiba outra figura divida em 4x4 com outros quatro links.

Deu p/ enter?

<script language="JavaScript">
<!--
function random_imglink(){
    var myimages=new Array()
    myimages[0]="images/home_random_01.jpg"; 
    myimages[1]="images/home_random_02.jpg";
    myimages[2]="images/home_random_03.jpg"
    myimages[3]="images/home_random_04.gif"
    myimages[4]="images/home_random_05.gif"
    myimages[5]="images/home_random_06.gif"
    myimages[6]="images/home_random_07.gif"
    myimages[7]="images/home_random_08.gif"
    myimages[8]="images/home_random_09.gif"
    /*myimages[4]="images/home_random_05.gif"*/
    pic1= new Image()
    pic1.src = myimages[0]
    pic2= new Image()
    pic2.src = myimages[1]
    pic3= new Image()
    pic3.src = myimages[2]
    pic4= new Image()
    pic4.src = myimages[3]
    pic5= new Image()
    pic5.src = myimages[4]
    pic5= new Image()
    pic5.src = myimages[5]
    pic5= new Image()
    pic5.src = myimages[6]
    pic5= new Image()
    pic5.src = myimages[7]
    pic5= new Image()
    pic5.src = myimages[8]
    var rndimg=Math.floor(Math.random()*myimages.length);
    document.images.randimage.src = myimages[rndimg];
    setTimeout('random_imglink()',3000)
}
//-->
</script>

Março 27, 2008

que tal!!!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<TITLE> Page</TITLE>
</HEAD>
<BODY bgcolor="#FFFFFF" text="#000000">
<DIV style="position:absolute;left:326px;top:138px;width:30px;height:30px;z-index:0" align="left">
<script language="JavaScript" type="text/javascript">
<!--
   var nRotateIndex0 = 1;

   var strRotateImage0 = new Array(4);
   strRotateImage0[1] = "images/cinsa.png";
   strRotateImage0[2] = "images/siteazul.png";
   strRotateImage0[3] = "images/cinsa.png";
   strRotateImage0[4] = "images/siteazul.png";

   var strRotateURL0 = new Array(4);
   strRotateURL0[1] = "http://scriptbrasil.com.br/forum/";
   strRotateURL0[2] = "http://scriptbrasil.com.br/forum/";
   strRotateURL0[3] = "http://scriptbrasil.com.br/forum/";
   strRotateURL0[4] = "http://scriptbrasil.com.br/forum/";

   var strRotateTarget0 = new Array(4);
   strRotateTarget0[1] = "";
   strRotateTarget0[2] = "";
   strRotateTarget0[3] = "";
   strRotateTarget0[4] = "";

   function getImage0()
   {
      nRotateIndex0 = nRotateIndex0 + 1;
      if (nRotateIndex0 > 4)
      nRotateIndex0 = 1;
      eval("document.ImageRotate0.src = strRotateImage0[" + nRotateIndex0+ "]");
      setTimeout("getImage0();", 5000);
   }

   function onImageRotate0Click()
   {
      if (strRotateTarget0[nRotateIndex0] == "")
      {
         targetwin = "_self";
      }
      else
      {
         targetwin = strRotateTarget0[nRotateIndex0];
      }
      eval("window.open(url = strRotateURL0[" + nRotateIndex0 + "],'"+ targetwin +"');");
   }
// -->
</SCRIPT>
<A href="#" onClick="onImageRotate0Click();return false;">
<IMG src="cinsa.png" border="0" align="top" alt="" width="30" height="30" name="ImageRotate0"></A>
<script language="JavaScript" type="text/javascript">
<!--
  getImage0();
// -->
</SCRIPT>
</DIV>
</BODY>
</HTML>

WebAntares · Março 27, 2008

Ok parece ser isso obrigado, mas tenho umas duvidas, aonde vou mapear (dividir a figura) é no

strRotateTarget0 e aonde vao os varios links, pois , na verdade eu precisarei de duas figuras com

mapeamento de 5 x 10 e cada quadrante(25) exiba um link, e apos a figura mudar seriam mais 25.

Acho que so faltou sses detalhes mais esse é o caminho

muito obrigado

Abracos

gamma · Setembro 18, 2008

como faço pra só trocar a imagem ao passar o mouse? dentro do Map

obrigado pelas dicas até aqui.

Entrar

[Resolvido] Imagens alternadas com mapeamento e links

Pergunta

WebAntares

Link para o comentário

Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

Guest --Flavio --

Link para o comentário

Compartilhar em outros sites

WebAntares

Link para o comentário

Compartilhar em outros sites

gamma

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades