< ;html xmlns="http://www.w3.org/1999/xhtml">
Untitled Document <script> <br>$(document).ready(function(){ <br>$("#gallery2 a").append("<span>< ;/span>"); <br>$("#gallery2 a").hover(function(){ <br>$(this).children("span").fadeIn(600); <br>}, function(){ <br>$(this).children("span").fadeOut(200); <br>}); <br>}); <br></script>
head>
used Picture:
A small fade in and out example:
Jquery code
$(document).ready(
function() {
/*Fade in and out*/
$("button").toggle(
function (){
$("p").fadeOut("fast",function(){
}
)
},
function (){
$("p ").fadeIn("fast",function(){
}
)
}
);
});
Demo Code
http://demo.jb51.net/js/zoom_icon to_images/index.htm