$.supersized()的属性slides中添加的图片能否动态添加

Question

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

Answer 1

没有明白如何动态添加image是什么意思

Answer 2

<%
dim s
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'}]"
's读数据库组合而成slides需要的数据格式
 %>
    <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>

Answer 3

我是想slides:中能够动态添加image，想添加多少个，添加什么图片都能够随着变化。而supersized插件原本的代码中的image是固定的。

Answer 4

我是想slides:中能够动态添加image，想添加多少个，添加什么图片都能够随着变化。而supersized插件原本的代码中的image是固定的。
人家那个是demo，你要按照你自己的需要改一些配置项的，不是什么东西拿过来都可以用的。

Answer 5

能不能够后台获得所需数组传给js中？<%dim s%>是什么意思啊，js用的很少，不懂，谢谢哈

Answer 6

能不能够后台获得所需数组传给js中？<%dim s%>是什么意思啊，js用的很少，不懂，谢谢哈这个就是动态的啊，读取数据库射出slides需要的json格式的字符串，我这里方便就直接写死了，用的是asp，其他语言大部分都支持<%%>这种代码块

Answer 7

能不能够后台获得所需数组传给js中？<%dim s%>是什么意思啊，js用的很少，不懂，谢谢哈这个就是动态的啊，读取数据库射出slides需要的json格式的字符串，我这里方便就直接写死了，用的是asp，其他语言大部分都支持<%%>这种代码块
恩啊，那么如何将后台的数据传给<%dim s%>中的s变量呢

Answer 8

能不能够后台获得所需数组传给js中？<%dim s%>是什么意思啊，js用的很少，不懂，谢谢哈这个就是动态的啊，读取数据库射出slides需要的json格式的字符串，我这里方便就直接写死了，用的是asp，其他语言大部分都支持<%%>这种代码块
代码我试验了一下，可是<%dim s s=""%>中的dim s错误:未能找到类型或命名空间名称“dim”(是否缺少 using 指令或程序集引用?)

Answer 9

我给的是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>