Cambiar contenido de OnMouseOver y Out desde un Array

Cannabinnol · 1 Febrero 2013, 21:01 PM

Hola, tengo un pequeño código, el cual se supone que lo que debe de hacer es cambiar el src para que cambie la imagen, y que cadavez que cambie de imagen cambie tambien el contenido del onmouseover y onmouseout, dado que en cada imagen debe ser diferente, y por más que busco no llego al problema, y me gustaría que vieseis el códe y me puedan decir:

Código [Seleccionar]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link rel="stylesheet" type="text/css" href="index.css"/>
<script type="text/javascript" src="JS/BigImg.js">
</script>
<script type="text/javascript">
var foto = new Array();
foto[0] = "imagenes/Juegos/WoW/img/miniWoW.png";
foto[1] = "imagenes/Juegos/Vindictus/img/Mini Vindictus.png";
foto[2] = "imagenes/Juegos/Tera/img/miniTera.png";
var onmouseover = new Array();
onmouseover[0] = "visiblebig('wow','visible')";
onmouseover[1] = "document.getElementById('vindictus').style.visibility='visible';";
onmouseover[2] = "visiblebig('tera','visible')";
var onmouseout = new Array();
onmouseout[0] = "visiblebig('wow','hidden')";
onmouseout[1] = "document.getElementById('vindictus').style.visibility='hidden'";
onmouseout[2] = "visiblebig('tera','hidden')";
var title = new Array();
title[0] = "World Of Warcraft";
title[1] = "Vindictus";
title[2] = "Tera";
var cantidad = foto.length;
var cualvemos = 0;

function mover(direccion) {

  
  var laimagen = document.getElementById("misfotos");


  
  var ultima = foto.length - 1; 
  
 
  var auxiliar = cualvemos + direccion; 
  
  if(auxiliar < 0) { auxiliar = ultima; }
  
  if(auxiliar > ultima) { auxiliar = 0; }
  
  
  cualvemos = auxiliar;
  
  laimagen.onmouseover = onmouseover[cualvemos];
  laimagen.onmouseout = onmouseout[cualvemos];  
  laimagen.src = foto[cualvemos];
  laimagen.title = title[cualvemos];

  

}
</script>
</head>
<body>
<div id="total">
  <div id="banner">  </div> <!--cierre banner-->
  
  <ul id="listatotal">
       
          <a href="#"><li class="menuin">menu 1</li></a>
          
       
          <a href="#"><li class="menuin">menu 2</li></a>
          
       
          <a href="#"><li class="menuin">menu 3</li> </a>
    </ul>
 <!--cierre menu-->
      
  <div id="cuadro">  </div><!--cierre cuadro-->      

  <div id="totalimagenes">
      <div id="muestra">
          <img class="imgObsoluta" id="tera" src="imagenes/Juegos/Tera/img/BigTera.png" alt="Tera" title="Tera"/>
          <img class="imgObsoluta" id="wow" src="imagenes/Juegos/WoW/img/BigWoW.png" alt="World Of Warcraft" title="World Of Warcraft" />
          <img class="imgObsoluta" id="rohan" src="imagenes/Juegos/Rohan/img/Big Rohan.png" alt="Rohan" title="Rohan" />
          <img class="imgObsoluta" id="vindictus" src="imagenes/Juegos/Vindictus/img/Big Vindictus.png" alt="Vindictus" title="Vindictus" /> 
          <img class="imgObsoluta" id="lol" src="imagenes/Juegos/LoL/img/Big LOL.png" alt="League Of Legend" />
          <img class="imgObsoluta" id="pside2" src="imagenes/Juegos/Pside2/img/Big PS2.png" alt="Planet Side 2" />
          <img class="imgObsoluta" id="dcuniverse" src="imagenes/Juegos/DCUniverse/img/Big DC.png" alt="DC Universe" />
          <img class="imgObsoluta" id="l2" src="imagenes/Juegos/Lineage2/img/Big L2.png" alt="Lineague 2" />
         <div id="intro">
         </div>
         <div id="mininfo">
             <div id="mininfotera" class="mininfo">
             </div>
             <div id="mininfowow" class="mininfo">
             </div>
             <div id="mininforohan" class="mininfo">
             </div>
             <div id="mininfovindictus" class="mininfo">
             </div>
             <div id="mininfolol" class="mininfo">
             </div>
             <div id="mininfoplanetside2" class="mininfo">
             </div>
             <div id="mininfodcuniverse" class="mininfo">
             </div>
             <div id="mininfol2" class="mininfo">
             </div>
         </div>
       </div>
      <div id="carusel">
        <div id="carusel01"  class="imgcarusel">
          <img onclick="mover(-1)" id="flechaizq" src="imagenes/flechas/Izquierda.png" />
          
          
          
          
          <img id="misfotos" onmouseover="visiblebig('wow','visible')" onmouseout="visiblebig('wow','hidden')" src="imagenes/Juegos/WoW/img/miniWoW.png" width="150" height="80" />

              
        <img onclick="mover(1);" id="flechader" src="imagenes/flechas/Derecha.png" />         
        </div>
    </div>
  </div>
  <!--cierre imagenes-->
  
  <div id="contenido">
    <iframe src="pruebaframe.html">Texto para cuando el navegador no conoce la etiqueta iframe</iframe>
  </div>  <!--cierre contenido-->
  
  <div id="copyright">  </div> <!--cierre copyright-->
</div>
<!--cierre total-->
</body>
</html>

Shell Root · 1 Febrero 2013, 21:50 PM

Haz la pregunta más directa, por lo menos yo, no voy a mirar todo el código :p

Cannabinnol · 1 Febrero 2013, 21:52 PM

Más directa?, quisas sea que no sepa explicarme.

Lo unico que quiero es que al dar un click cambie el contenido de onmouseover y onmouseout.

Ya tengo la funcion con un array que lo que cambia es el src y title, pero no me funciona con onmouseover y onmouseout.

Shell Root · 1 Febrero 2013, 22:46 PM

Me refería al pedazo de código que no te funciona,...

Cannabinnol · 1 Febrero 2013, 23:08 PM

puse todo el code para que viesen lo que tengo hecho... y eso es toda la función que tengo creada por mucho que quiera simplificar no puedo, no es que me dé fallo en el code, es que directamente no funciona.

EDIT: Gracias por la ayuda ya lo he resuelto.

Test Foro de elhacker.net SMF 2.1

Cambiar contenido de OnMouseOver y Out desde un Array

Cannabinnol

Shell Root

Cannabinnol

Shell Root

Cannabinnol