有谁知道如何使用jQuery Gallery View插件？

Question

我找到了jQuery Gallery View plugin因为我正在寻找一种循环播放图片的好方法，包括文字和精心设计的图片。这个插件似乎不再更新，没有太多文档，所以我很难实现它。有没有人知道它是如何工作的？

提前感谢您提供任何帮助。

下面是我现在拥有的代码（当然，右边位置的图片无法在jsfiddle中附加）：http://jsfiddle.net/chromedude/GgusY/

Answer 1

Here's a start

我总是猜测你的标记应该是什么，因为你错过了一堆</div>（close div）标签。

为了达到目的，我必须改变一些事情：

1. 下载galleryview-2.1.1.zip，然后从该文件中下载...
2. 将galleryview.css和jquery.galleryview-2.1.1js的内容粘贴到小提琴中（通常使用适当的外部脚本和样式表执行此操作）
3. 修复标记，以便正确关闭所有<div class="panel">标记
4. 在页面上获取jquery.timers-1.1.2.js的副本

---

Step 2：通过在imgur上托管loader.gif文件并相应地编辑CSS，使得加载程序图像正常工作。

主题更加严格，因为很明显，这个genius™插件试图根据用于加载galleryview插件代码的<script>标记的位置来确定托管主题的位置。绝对的天才 ...... </sarcasm>

---

Check it out →

没有更多图片404s。将next.gif，prev.gif，panel-nav-next.gif和panel-nav-prev.gif加载到imgur上，以便jsfiddle可以实际获取图像。

我必须实际编辑这个插件的源代码;如果您的服务器具有galleryview期望的目录结构，则这不是必需的。

---

现在这就是

你可以继续和这个插件摔跤。

或者，你可以使用另一个，例如Galleria。据我所知，你一直试图组装的例子，Galleria做了所有相同的事情。由于Galleria是actively maintained，您实际上应该能够将其与最新版本的jQuery一起使用，以及实际上从开发人员那里获得支持。 < / p>

Answer 2

在此处获取最新版本的jquery gallery视图：

http://plugins.jquery.com/node/7317/release

然后继续： http://jsfiddle.net/chromedude/GgusY/

$('#photos .filmstrip').galleryView({ panel_width: 800,
panel_height: 300,
frame_width: 100,
frame_height: 100 });