Título: Cambiar contenido de OnMouseOver y Out desde un Array
Publicado por: Cannabinnol en 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: <!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>
Título: Re: Cambiar contenido de OnMouseOver y Out desde un Array
Publicado por: Shell Root en 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
Título: Re: Cambiar contenido de OnMouseOver y Out desde un Array
Publicado por: Cannabinnol en 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.
Título: Re: Cambiar contenido de OnMouseOver y Out desde un Array
Publicado por: Shell Root en 1 Febrero 2013, 22:46 pm
Me refería al pedazo de código que no te funciona,...
Título: Re: Cambiar contenido de OnMouseOver y Out desde un Array
Publicado por: Cannabinnol en 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.
|