jQuery:寻找可滚动的图像展示

时间:2011-12-20 19:35:50

标签: jquery slider gallery

对于客户端,我正在寻找一个特定的jQuery库。现在我知道互联网上有很多令人惊叹的jQuery画廊,但到目前为止我还没找到我想要的东西。

看看下面的图库:

http://workshop.rs/demo/gallery-in-4-lines/

如您所见,底部有缩略图。单击缩略图时,会显示较大的缩略图。但是,我的客户想要一个滑块。

与jQuery滑块类似:

http://jqueryui.com/demos/slider/

所以基本上,我的客户正在寻找的是两者的结合。没有过渡,也没有缩略图。它只显示一张大照片,底部有一个滑块。现在,一旦您使用滑块,大照片将变为另一张照片。

这意味着滑块基本上需要切成碎片。假设有8张照片,所以滑块必须包含8个(如果可见或不可见则无关紧要)。

这个图库的目标是我的客户可以显示特定项目的多张照片,例如图纸。您开始看到绘图的草图,一旦您滑动,您将看到该过程,最后看到最终结果。

我有一些PHP知识,我可以安装jQuery插件。但我没有在JS中编写任何函数的经验。我们也不想使用Flash。

有没有人知道如何完成这项工作?

2 个答案:

答案 0 :(得分:0)

我发了一个演示

http://jsfiddle.net/ggTxg/1/

这应该可以正常工作

答案 1 :(得分:0)

我发现这个javascript解决方案有一个滑块:

http://www.blueshoes.org/_bsJavascript/components/slider/examples/example2.html

如您所见,某个值被写入文本框。我将简单地删除文本框并使用该值来显示特定图像等:

image_portfolio_x.jpg

其中x是值。

感谢大家的帮助!