Cambiando imagenes bloquea navegador Hola a tod@s, tengo un problema en una aplicación que estoy desarrollando, no se si me explicare muy bien pero espero que me entendais y me podais ayudar.
El programa permite al usuario cambiar la imagen de fondo y imagenes decorativas que se encuentran dentro de un div, seleccionando los distintos modelos de fondos e imagenes una lista desplegable.
El error viene cuando el usuario cambia rapidamente de elementos en la lista desplegable, el navegador se bloquea al ejecutar tantos cambios en los elementos del div mediante jquery.
He pensado en crear una capa superpuesta con un "spinner" que bloquee la acción del usuario mientras se realizan los cambios, pero no da resultado puesto que no controlo realmente cuando las imagenes están cargadas completamente.
Precargar las imagenes con el método de jquery "preloadimages" no se si me funcionaria puesto que estamos hablando de unos 30 modelos de fondos distintos y otros tantas imagenes de decoración, con lo que estoy bastante perdido.
He intentando con blockUI(); de jquery pero tampoco me da resultado.
¿Como podria controlar si en el div en el que se visualizan los cambios estan todos los elementos cargados antes de poder realizar otro cambio?
Gracias a todos, saludos.
