读书人

$.supersized()的属性slides中增添的图

发布时间: 2013-06-19 10:26:41 作者: rapoo

$.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>

读书人网 >JavaScript

热点推荐