$.supersized()的属性slides中增添的图片能否动态添加
$.supersized()的属性slides中添加的图片能否动态添加
界面希望能够用到supersized插件,同时图片能够动态产生,但是supersized插件的slides: [{ image: 'image1/1.jpg', title: 'Image Credit: Maria Kazvan', thumb: 'image1/kazvan-11.jpg', url: '' }],图片的url,名字都是固定的图片。可是在我的程序里面图片的数量和图片的名称是不能确定的。那么在jQuery中,如何动态添加image,有没有代码,找了很久,没什么思路,求解啊。
------解决方案--------------------
我给的是asp的示例代码。。C#需要在.cs文件中申明proteced或者public变量
xxx.aspx.cs
xxx.aspx
界面希望能够用到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>