日期:2014-05-16  浏览次数:20425 次

$.supersized()的属性slides中添加的图片能否动态添加
界面希望能够用到supersized插件,同时图片能够动态产生,但是supersized插件的slides:   [{ image:  'image1/1.jpg', title: 'Image Credit: Maria Kazvan', thumb: 'image1/kazvan-11.jpg', url: '' }],图片的url,名字都是固定的图片。可是在我的程序里面图片的数量和图片的名称是不能确定的。那么在jQuery中,如何动态添加image,有没有代码,找了很久,没什么思路,求解啊。
jQuery

------解决方案--------------------
我给的是asp的示例代码。。C#需要在.cs文件中申明proteced或者public变量

xxx.aspx.cs
public string s;//////////
protected void Page_Load(object sender,EventArgs e)
{
s="[{image: 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.1/slides/day3-emily.jpg'}"+
  ",{image: 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.1/slides/day3-emily.jpg'}"+
  ",{image: 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.1/slides/day3-emily.jpg'}]";
}


xxx.aspx
 <script>
       var arr=<%=s %>/////////动态赋值给js变量
       $.supersized({
    start_slide: 0,
    //Start slide (0 is random) //Requires multiple background images
    vertical_center: 1,
    //Vertically center background
    horizontal_center: 1,
    //Horizontally center background
    min_width: 1000,
    //Min width allowed (in pixels)
    min_height: 700,
    //Min height allowed (in pixels)
    fit_portrait: 1,
    //Portrait images will not exceed browser height
    fit_landscape: 0,
    //Landscape images will not exceed browser width
    image_protect: 1,
    //Disables image dragging and right click with Javascript
    slides: arr//////////////
});
   </script>