Ver Mensaje Individual
  #3 (permalink)  
Antiguo 13/06/2011, 14:30
Avatar de tredio
tredio
 
Fecha de Ingreso: noviembre-2008
Ubicación: Carabobo
Mensajes: 466
Antigüedad: 15 años, 5 meses
Puntos: 66
Respuesta: Cómo hacer el siguiente código más dinámico?

como dice masterpuppet si la estructura del html no cambia lo puedes poner asi:

Código Javascript:
Ver original
  1. $('table img').hover(
  2.                     function(){
  3.                         var cssObj = {
  4.                           'display' : 'block',
  5.                           'background-color':'white',
  6.                           'position' : 'absolute',
  7.                           'z-index' : '100000'
  8.                         }
  9.  
  10.                         $(this).next().css(cssObj);
  11.                     }, function () {
  12.                         $(this).next().css({display:'none'});
  13.                     }
  14.                 );

si la estructura no es necesariamente como la pones alli, pero el div esta en el mismo contenedor que la img o algun contenedor hijo:

Código Javascript:
Ver original
  1. $('table img').hover(
  2.                     function(){
  3.                         var cssObj = {
  4.                           'display' : 'block',
  5.                           'background-color':'white',
  6.                           'position' : 'absolute',
  7.                           'z-index' : '100000'
  8.                         }
  9.  
  10.                         $('div', $(this).parent()).css(cssObj);
  11.                     }, function () {
  12.                         $('div', $(this).parent()).css({display:'none'});
  13.                     }
  14.                 );
__________________
Extension Google Chrome
dar las gracias no cuesta nada :D