任何人都知道如何使用jQuery Gallery View Plugin？

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 →

沒有更多的圖像404。加載next.gif,prev.gif,panel-nav-next.gif和panel-nav-prev.gif到imgur，這樣jsfiddle實際上可以獲取圖像。我不得不實際編輯這個插件的源代碼;如果你的服務器具有galleryview期望的目錄結構，這應該不是必需的。

---

現在，這裏的東西

你可以保持摔跤這個插件。

或者，你可以使用不同的，如Galleria。據我一直試圖組裝的例子可以看出，Galleria做的都是一樣的東西。由於Galleria是activelymaintained，實際上應該能夠使用它與最新版本的jQuery合作，以及實際上得到了開發人員的支持。

Answer 2

獲取最新版本的jQuery畫廊查看這裏：

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 });