通过jQuery幻灯片/可滚动显示在页面中的图像?
问题描述:
我注意到this site中的图片以一种有趣的方式加载。通过jQuery幻灯片/可滚动显示在页面中的图像?
该网站包含3张图片(左,右,中)。点击右边的图片后,它通过jQuery slide/scrollable(我猜)移动到中心,右边的新图片加载(它以前没有加载过)。
它是如何完成的?
答
没有实际看到的代码,我猜有这样的事情发生:
- 右侧图像的点击,滑动左边两个图像。这将是一个活的事件监听器,可能是
- Ajax调用下一个图像
- 上的回报,即图像加载到某种DIV,像
我会深入到代码现在看如果这就是发生了什么。虽然这很漂亮。
编辑
它看起来像所有的图像都从一开始就装一个div。然后有一个jquery函数,当它可见时将图像放入div中。
你有没有发现这样做的jQuery功能?那么,是不是一个插件? – alexchenco 2010-07-14 22:11:16
这一切都在http://walkyrie.org/js/common.js。它看起来像图像是否在视图中,它获得$ .scrollable,如果它有,那么init()将图像引入。我不完全清楚它是如何工作的。 – hookedonwinter 2010-07-14 22:13:24
好的,谢谢我会研究一下。 – alexchenco 2010-07-14 22:14:35