jQuery - cómo obtener/leer la propiedad css en: hover pseudo class

Question

Estoy trabajando en un precargador de imágenes que precargará todas las imágenes en una página. Mi enfoque es el siguiente:

onDomReady, bucle a través de $("*") // ir a través de todos los elementos cuando el DOM está listo

• si $(this).tagName.toLowerCase() == 'img', leer src atributo y precarga de esa imagen
• más si $(this).css("background-image") != "none", lea la imagen de fondo prop y precargue esa imagen

Mi problema es que este enfoque no retoma la clase: hover, que normalmente es la imagen que necesitaría t o ser precargado de todos modos.

Lo que me gustaría hacer es, mientras reviso todos los elementos, verificar la existencia de la: pseudoclave de desplazamiento, y luego verificar la existencia de la propiedad "background-image" en esa clase.

Realmente me gustaría seguir con este enfoque, ya que a) me permite no tener que especificar explícitamente todas y cada una de las imágenes que deseo precargar, yb) se ocupa de las rutas relativas dentro del CSS, como leer el La propiedad "background-image" me da la ruta relativa a la página.

Por lo tanto, mi pregunta es:

Es posible, usando jQuery, para leer las propiedades CSS en el: hover pseudo clase de un elemento? Si no, ¿alguna sugerencia?

Gracias!

Answer 1

Esto va a ser muy intenso al cargar la página para buscar a través de todas las imágenes DOM/CSS ... probablemente no sea una buena idea en un sitio público. Una buena alternativa es utilizar sprites de imagen (http://www.google.com/images/nav_logo26.png) y colocarlos con CSS

Answer 2

Parece que los sprites son la solución adecuada para este problema. Pero si no pueden implementarse por algún motivo, lo que desea hacer es acceder a la colección document.styleSheets para buscar reglas con: hover en ellas. This page lo ayudará a comenzar.