jueves, 17 de mayo de 2012

Evento load jquery


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>