Ver Mensaje Individual
  #2 (permalink)  
Antiguo 16/12/2010, 07:57
Dany_s
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 867
Antigüedad: 14 años, 11 meses
Puntos: 65
Respuesta: Cambiar imagenes con hover

mete todo en un contenedor y dale el evento a ese elemento asi buscas la imagen y le cambiasel atributo

algo asi
Código HTML:
Ver original
  1.     <head>
  2.         <title>Ejemplo</title>
  3.         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  4.     </head>
  5.         <script type="text/javascript">
  6.             $( function (){
  7.                 a = 'http://www.todoroms.com/img/fichas/cached/2010/10/40/713908-50x100.jpg';
  8.                 b = 'http://php-freelancer.in/wp-content/uploads/2010/04/jquery.gif';
  9.  
  10.                 $('.event-button').hover( function(){
  11.                     $(this).find('img').attr('src', b);
  12.                 }, function (){
  13.                     $(this).find('img').attr('src', a);
  14.                 });
  15.  
  16.             });
  17.         </script>
  18.     <body>
  19.  
  20.         <div class="event-button">
  21.             <img src="http://www.todoroms.com/img/fichas/cached/2010/10/40/713908-50x100.jpg" />
  22.             <span>texto</span>
  23.         </div>
  24.  
  25.     </body>
  26. </html>