Ver Mensaje Individual
  #2 (permalink)  
Antiguo 29/04/2012, 08:02
Avatar de Naahuel
Naahuel
 
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 11 años, 4 meses
Puntos: 192
Respuesta: jquery: background image, explorer y su madre

¿Y por qué no:

Código CSS:
Ver original
  1. .botonFormulario:active{
  2.     background: #c1dbc2 url(/imagenes/web/botonEnviarActivado.png) no-repeat center center;
  3. }

?

Ejemplo:
Código HTML:
Ver original
  1. <!DOCTYPE html>
  2. <meta charset=utf-8 />
  3. <title>JS Bin</title>
  4.   button{
  5.     background : url(http://placedog.com/100/50);
  6.     width:100px;
  7.     height:50px;
  8.   }
  9.   button:active{
  10.     background : url(http://placekitten.com/100/50);
  11.   }
  12. </head>
  13.   <button>Click</button>
  14. </body>
  15. </html>

Y si todavía querés usar javascript, esto me funciona en todos los navegadores:

Código HTML:
Ver original
  1. <!DOCTYPE html>
  2. <script class="jsbin" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
  3.     $(function(){
  4.         $('.botonFormulario').click(function(){
  5.             $(this).css('background','#c1dbc2 url(http://placekitten.com/100/50) no-repeat center center')
  6.         });
  7.     });
  8. <meta charset=utf-8 />
  9. <title>JS Bin</title>
  10.     .botonFormulario{
  11.         background : #c1dbc2 url(http://placedog.com/100/50) no-repeat center center;
  12.         width:100px;
  13.         height:50px;
  14.     }
  15. </head>
  16.   <input class="botonFormulario" type="submit" value="Click">
  17. </body>
  18. </html>

Te podría decir que el problema puede estar en las rutas de las imágenes, pero parece que estás usando rutas absolutas así que tal vez no.

Yo consideraría usar la solución CSS y sprites para evitar que se note la carga de la imagen al hacer click.
__________________
nahueljose.com.ar