Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/07/2010, 11:29
JulioGaGarcia
 
Fecha de Ingreso: junio-2010
Mensajes: 51
Antigüedad: 14 años, 5 meses
Puntos: 0
Acceder a imagen de fondo con jquery

Hola, tengo un menú horizontal hecho con listas li. El elemento li tiene una imagen de fondo, y dentro del li tengo los enlaces.

Código HTML:
Ver original
  1. <div id="cuadroMenu">
  2.         <ul>
  3.             <li style="margin-left:16px;">
  4.                 <a href="index.asp">Quién soy</a>
  5.             </li>
  6.             <li>
  7.                 <a href="index.asp">Mis principios</a>
  8.             </li>
  9.             <li>
  10.                 <a href="index.asp">Cómo trabajo</a>
  11.             </li>
  12.             <li>
  13.                 <a href="index.asp">Guía de servicios</a>
  14.             </li>
  15.             <li>
  16.                 <a href="index.asp">Soluciones</a>
  17.             </li>
  18.         </ul>
  19.     </div>

Cuando paso el raton por encima le aplico un efecto mediante jquery

Código Javascript:
Ver original
  1. $('#cuadroMenu li').hover(function() {
  2.                 $(this).fadeTo("slow", 1);
  3.             },
  4.                 function() {
  5.                     $(this).fadeTo("Slow", 0.4)
  6.                 }
  7.             );

El caso es que tambien me desvanece el texto del enlace y tan solo quiero desvanecer la imagen. He probado de muchas maneras y buscado, pero no encuentro como acceder a la imagen de fondo del li.

A ver si alguien me puede ayudar. Gracias anticipadas.