Evento load
El evento load() se lanza tan pronto el elemento al que hemos asociado el
evento ha terminado de cargarse por completo. Este evento puede
asociarse a cualquier tipo de elemento que tenga una URL, imágenes,
iframes, hojas de estilo o javascripts...
Si en el siguiente ejemplo la imagen no se hubiese podido cargar completamente, no aparecería el texto que tiene abajo de la misma...
El código es el siguiente...
<!-- By http://jquery-manual.blogspot.com --> <!DOCTYPE HTML> <html> <head> <script type='text/javascript' src='http://code.jquery.com/jquery-1.7.2.min.js'></script> <script type="text/javascript"> $(document).ready(function() { $('img#imagen').load(function(){ $("#MostrarTexto").html("<span style='color: red;'>La imagen se ha cargado con éxito.</span>"); }); }); </script> </head> <body> <img src="http://4.bp.blogspot.com/-dXgCUlaWcfY/T7Q0P04of1I/AAAAAAAAAeo/csmjFf-BY5c/s1600/jquery.png" width="100" height="100" id="imagen"> <div id="MostrarTexto"> </div> </body> </html>
No hay comentarios:
Publicar un comentario