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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif8Q73FTv2hoLKt_AnvOdT5b1wS-7TJjqfkYxEyQT6-WEw4z87FwGcLAjGk02aevIP4qxooHpr88jUeMWzAhuBXhtEkFDrWmdg_9M7Nr5Ng-Em1BMRxFl_SL2E6A8CzsWtBNZ5CesgTag/s1600/jquery.png" width="100" height="100" id="imagen">
<div id="MostrarTexto">
</div>
</body>
</html>
No hay comentarios:
Publicar un comentario