<ul id="g1"> <li> <img src="images/img1.jpg" /> </li> <li> <img src="images/img2.jpg" /> </li> <li> <img src="images/image_0.jpg" /> </li> <li> <img src="images/lotus.jpg" /> </li> <li> <img src="images/thumbnap.jpg" /> </li> <li> <img src="images/img6.jpg" /> </li> </ul>
Flip gallery with:
$("#g1").jFlip(300,300,{background:"green",cornersTop:false}). bind("flip.jflip",function(event,index,total){ $("#l1").html("Image "+(index+1)+" of "+total); });
Flip gallery with:
$("#g2").jFlip(300,300,{background:"green",cornersTop:true,scale:"fit"});
Flip gallery with:
$("#g3").jFlip(300,300,{background:"green",cornersTop:true,scale:"fill"});