首页>>Jquery图片>>图片相册浏览，也可以作为焦点图展示图片组(2014-02-10)

图片相册浏览，也可以作为焦点图展示图片组

 图片地址是js中的数组获取

图片相册浏览，也可以作为焦点图展示图片组
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

JavaScript Code
  1. <script type="text/javascript">  
  2.   
  3. var mygallery=new simpleGallery({  
  4.     wrapperid: "simplegallery1", //ID of main gallery container,  
  5.     dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of the images exactly  
  6.     imagearray: [  
  7.         ["pool.jpg", "http://en.wikipedia.org/wiki/Swimming_pool", "_new", "There's nothing like a nice swim in the Summer."],  
  8.         ["cave.jpg", "http://en.wikipedia.org/wiki/Cave", "", ""],  
  9.         ["fruits.jpg", "", "", "Eat your fruits, it's good for you!"],  
  10.         ["autumn.jpg", "", "", ""]  
  11.     ],  
  12.     autoplay: [true, 2500, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]  
  13.     persist: false, //remember last viewed slide and recall within same session?  
  14.     fadeduration: 500, //transition duration (milliseconds)  
  15.     oninit:function(){ //event that fires when gallery has initialized/ ready to run  
  16.         //Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))  
  17.     },  
  18.     onslide:function(curslide, i){ //event that fires after each slide is shown  
  19.         //Keyword "this": references current gallery instance  
  20.         //curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)  
  21.         //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)  
  22.     }  
  23. })  
  24.   
  25. </script>  

 

XML/HTML Code
  1. <div id="simplegallery1"></div>  

 


原文地址:http://www.freejs.net/article_jquerytupiantexiao_266.html