Apriamo una nuova rubrica dedicata al framework jquery ed alla sua libreria grafica (UI) che ne amplifica gli effetti e le animazioni disponibili.

jquery

Oggi un piccolo script per far esplodere al click, un’immagine.

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script><!--incorporo i framework dai server google -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script>
 
<script type="text/javascript">
 
$('document').ready(function(){
 
$('#immagine').click(function () {
      $(this).hide("explode", 450); //richiamo della funzione e tempo di transizione in ms
});
 
});
</script>
 
</head>
 
<body>
 
<img src="http://desmond.imageshack.us/Himg861/scaled.php?server=861&filename=imk3comp.jpg&res=medium" id="immagine"/>
</body>