link con mouse on

[lbenz]

Gente . . estoy haciendo una galeria, la tipica que tiene los thumbs a la izquierda y una caja a la derecha donde se cargan los large.jpg ,...

asi es como tengo armado el link ...

<li><a class="thumb" href="../img/large-001.jpg"><img src="../img/small-001.jpg" width="100" height="100"></a></li>

Mi gran duda es . . hay alguna manera que se active el link con solo pasar por encima del thumb . . si tener la necesidad de hacer click ?

espero alguien pueda ayudarme.. desde ya muchisimas gracias !!!

[patilanz]

Código Javascript:

function simular(id){
 
var nouEvent = document.createEvent("MouseEvents");
nouEvent.initMouseEvent("click", true, true, window,0, 0, 0, 0, 0, false, false, false, false, 0, null);
 
var objecte = document.getElementById(id);
var canceled = !objecte.dispatchEvent(nouEvent);
}
var elements=document.getElementsByClassName('thumb');
for(x in elements){
//id aleatorio ya que no tienes asignado a los tag <a>
elements[x].id='s'+new Date().getTime();
elements[x].onmouseover=function(){simular(elements[x].id);}
}
 

No lo he probado pero debería de funcionar

[lbenz]

Amigo . . no entendi bien como aplicar este codigo !!!

como tendria que modificar la clase, cual seria ?

desde ya muchas gracia spor el aporte !!!

abrazo !!

[patilanz]

Hola bueno creo que es bastante simple pero te lo explico

la function simular simular un evento click. Luego con la variable elements hacemos referencia hacia todos los objetos con la clase thumb.

Código Javascript:

var elements=document.getElementsByClassName('thumb');
 

En el bucle for recorremos los elementos, yo les asigno un id ya que no tienes en tu etiqueta <a class="thumb" href="http://www.forosdelweb.com/f13/img/large-001.jpg">

Código Javascript:

for(x in elements){
//id aleatorio ya que no tienes asignado a los tag <a>
elements[x].id='s'+new Date().getTime();
 

Luego les agrego evento onmouseover que hace que se llame a la funcion click y le entrega el id creado anteriormente de modo que es como que lo ha hecho el usuario.

Código Javascript:

elements[x].onmouseover=function(){simular(elements[x].id);}
 

Que tal ahora ??