Tengo un script que asocia los controladores de eventos onload a todas las imágenes de una página, sin embargo, debido a que es un script de GreaseMonkey, solo se puede ejecutar después de que las imágenes estén allí. cargado, ¿hay alguna manera de desencadenar el evento de carga si la imagen ya está cargada?Evento de carga de imagen después de cargar la imagen
Respuesta
Es un evento de carga. No hubiera pensado que ese evento se dispararía más de una vez.
Puede adjuntar su secuencia de comandos al evento de carga cuerpo/documento y recorrer todas las imágenes y adjuntar sus controladores de eventos, entonces, tal vez.
Eso funciona pero la página carga lentamente y las imágenes deben reemplazarse tan pronto como sea posible – Bugster
Otra opción sería adjuntar manejadores de eventos a las imágenes en lotes, antes de que la página haya terminado de cargarse pero después de que las imágenes se hayan cargado, al incluir scripts directamente en la página. No sé si eso funcionaría con Greasemonkey. –
Lo he intentado pero algunas imágenes se cargan antes de que pueda agregar las secuencias de comandos – Bugster
Si no está en desacuerdo con el uso de un marco como jQuery, hay una función triggerHandler() que debe hacer lo que necesita.
Necesitará una prueba para comprobar si la imagen se ha cargado o no en su secuencia de comandos (debería poder encontrar detalles sobre cómo hacerlo con Google); si no se ha cargado, simplemente adjunte el controlador de eventos onload; si se ha cargado, puede adjuntar el controlador de eventos onload y luego desencadenarlo mediante la función triggerHandler() de jQuery, o ejecutar el código/función que habría sido ejecutado por el controlador de eventos onload, lo cual es más fácil depende de cuál sea su el controlador de eventos onload sí lo hace.
Por alguna razón no puedo editar la pregunta, pero lo que quería era una forma de adjuntar un evento que se activará cuando la imagen se cargue, o si la imagen ya está cargada se ejecutará de inmediato – Bugster
@Bugster He editado mi respuesta para incluir información adicional sobre cómo puede hacerlo. –
Esa hubiera sido una buena solución, pero ya tengo una, quizás la implemente más tarde – Bugster
Acabo de tener el mismo problema y Google me lleva allí.
No quería utilizar jQuery, por lo que busqué otra solución. Al final, en mi caso, simplemente cambié el atributo "src" de la imagen a cualquier imagen ficticia (por ejemplo, 1pix.png) justo antes de configurar la imagen correcta en "src", para forzar una recarga para cada imagen. Por supuesto, esto no es una idea brillante si tiene imágenes grandes y/o si carga imágenes con frecuencia ... Pero en mi caso está bien, supongo (además, creo que el mecanismo subyacente del caché del navegador evita una recarga real de la imagen). ..).
Espero que pueda ayudar a los demás!
PD: Parece que está cerca de la solución de @Bugster pero realmente no lo entendí.
- 1. Evento desencadenante en la carga de imagen de fondo
- 2. javascript ejecutando la función después de cargar la imagen completa
- 3. Cargar imagen de la url
- 4. Javascript Enlace de evento de carga de imagen
- 5. ¿Es posible escuchar evento de carga de imagen en SVG?
- 6. Carga de la imagen de Android-Django
- 7. Detectar carga de imagen
- 8. Javascript Imagen Objeto - Manejar proceso de carga
- 9. ¿Cómo hacer una imagen de carga al cargar video HTML5?
- 10. Carga lenta de la imagen Flexslider
- 11. jquery: fundido en la imagen después de la imagen
- 12. callback de carga de imagen jQuery
- 13. ListView estrategia de carga asíncrona imagen
- 14. Cargar imagen Picturebox de la memoria?
- 15. carga la imagen en Facebook ios
- 16. Carga de imagen UITableViewCell asincrónica con GCD
- 17. Cargar imagen del recurso incrustado
- 18. WPF Imagen/Evento representación
- 19. Carga de la imagen de perfil con Django ModelForm
- 20. Carga de imagen optimizada en un UIScrollView
- 21. Carga de imagen para imágenes estáticas
- 22. HTML 5 Imagen de carga de archivo como imagen de fondo
- 23. retrasar la carga de una cierta imagen de fondo CSS
- 24. Chrome, Three.js: carga de la imagen de origen cruzado negó
- 25. imagen de carga diferida con barra de progreso que daña la imagen cuando se muestra la imagen
- 26. Imagen girada automáticamente al cargar
- 27. WP7 - ¿Evento de clic de imagen?
- 28. Tamaño máximo de la imagen en la carga de archivos
- 29. Python PIL, imagen. Error después de image.load()
- 30. Llamar a un evento después de cargar una pestaña jquery
Realicé una solución al crear un nuevo objeto de Imagen con la misma fuente que el elemento de imagen y trabajando en eso y reemplazando la imagen original – Bugster