Javascript滑动图库,怎么样?

时间:2011-01-20 15:01:54

标签: javascript

我想知道你们中的任何人都可以把我推向正确的方向:)。 我正在尝试2制作一个图像“滑动”画廊,但它有点复杂。 它有2个有3或5个“视图”主视图(你正在观看的那个)前一个和下一个。 前一个和下一个必须动态加载图像,并在它们不在视野中时卸载它们。

所以它归结为,我有150个图像,我想在一个滑动图库中显示,我只想一次加载5如果我滚动2右图像应该卸载和图像3,4,5应加载6,并显示图像2。 我对Javascript没有真正的经验。

(看起来应该像iphone Photo App :))

亲切的问候, 巴特

1 个答案:

答案 0 :(得分:0)

首先,您需要查看jQuery javascript库,因为它可以帮助您进行文档操作。

有了这个,你可以使用AJAX。

我建议你这样做:

1)图像是dinamically加载的,这意味着当用户要求下一个N图片(比如说5)时,一些AJAX脚本将请求下一个N图片,用Javascript的Image对象预加载它们。

2)使用jQuery,您可以创建幻灯片式的过渡动画。

3)最后,根据您的目标用户,您可以利用HTML5,但您知道它的支持仅限于全球互联网受众的一小部分。