JavaScript圖片庫

Question

Javascript是否有任何支持圖片滾動套件的圖書館？我一直在網上查找，還沒有發現任何東西。這背後的基本思想是我想能夠添加圖像並檢索它們。甲板可以看作是一個陣列。東西like this。

Answer 1

Here是一個很好的燈箱式媒體和圖像瀏覽器的jQuery插件命名Yoxview

用例：

創建縮略圖

你的縮略圖應該放在一個容器中，並鏈接裏面他們各自的全尺寸圖像，如下所示：

<div class="yoxview"> 
    <a href="img/01.jpg"><img src="img/thumbnails/01.jpg" alt="First" title="First image" /></a> 
    <a href="img/02.jpg"><img src="img/thumbnails/02.jpg" alt="Second" title="Second image" /></a> 
</div> 

查看器將圖像標記的TITLE屬性顯示爲查看器內圖像的標題，因此建議使用它。

注 - 如果您使用YoxView的插件從Flickr/Picasa獲取圖片，它會爲您創建縮略圖，因此您可以繞過此步驟。

附上YoxView腳本在你的頁面

把下面一行在你的頁面的HEAD部分（只要確保在SRC指向正確的文件夾）：

<script type="text/javascript" src="yoxview/yoxview-init.js"></script> 

應用YoxView到包含縮略圖的元素（選擇以下兩種方法之一）：

簡單使用（如果您不知道jQuery或作爲快捷方式使用）：

首先確保包含縮略圖的元素具有類「yoxview」，如上面的（）所示。然後，打開文件yoxview-init.js並取消最後一行：

LoadScript(yoxviewPath + "yoxview-nojquery.js");