Direction picture gradient animation effect based on jquery_jquery

$(function(){
//First find the img that needs to be clicked
$("li img").click(function(){
//Determine whether the current img Already clicked
if(this.className.indexOf("active") !=-1)
{
return;
}
//Get data
var i= $(this).attr("pic");
//Get the text content to be displayed, and split the text into arrays with |
var t=$(this).attr("text"). split("|");
//Change the fade-out of the text and change the animation effect by controlling the transparency
$("#frontText").fadeOut();
$("#frontTextBack") .fadeOut();
$("#frontTextSub").fadeOut();
//Process the currently active img and restore it to its original state
$("li img.active").animate({top: 5,width:52,left:10},300)
.removeClass("active")
.fadeTo(200,0.6)
//Process the current active img
$(this ).animate({top:-5,width:40,height:70,left:1},300)
.addClass("active")
.fadeTo(200,1)
// Process the large image of the displayed div
$("#back").children().addClass("gray").end()
.fadeIn(500,0.1,function(){
$ (this).children("img").attr("src","imgaes/" i ".jpg").removeClass("gray");
$(this).fadeTo(500,1,function (){
$("#frontText").html(t[0]).fadeIn(200); //Change the text
$("#frontTextBack").html(t[0]) .fadeIn(200); //Shadow text
$("#frontTextSub").html(t[1]).fadeIn(200)} //Subtitle
);
});
});
});
//Initialize the first picture
var i =0;
show();
function show(){
if (i= =$("li img").size()) i = 0
$("li img").eq(i).click();
i ;
//setTimeout(show( ),1000);
}