jquery/js圖像開箱預覽效果

Question

我正在構建一個軟件（不是瀏覽器，但該軟件使用webkit，因爲它的渲染引擎）的網頁。該軟件的窗口大小爲800x600像素。用戶將能夠下載包含appr的zip文件的圖像集合。每集合15個圖像。一個白色框代表了這樣一個集合（見下文）： page http://img717.imageshack.us/img717/630/bildschirmfoto20100630u.png 在這個800x600頁面上，我希望可視化每個集合的內容，並帶來一個不錯的UI效果。我嘗試使用JavaScript/jQuery取得一定的效果，我想我已經在某處看到過，但沒有加入書籤： 當人們將鼠標懸停在白色方塊上時，4​​個拇指會從這個方塊中滑出，以便讓其他人跟隨。他們可能會增加規模。

hovered http://img39.imageshack.us/img39/6803/bighk.jpg

是否有一個jQuery插件或別的東西可以做到這種效果呢？ 你會如何解決它，或者你有其他效果的建議？

謝謝，最大

Answer 1

我遇到的唯一插件就像FancyBox或燈箱。但是，你可以做的是將4個單獨的圖片包裹在div標籤中，將它們設計爲設計中的佈局，然後重複一遍，但對於每個分組使用不同的id。然後，爲每個div創建多個FancyBox處理程序，因此當點擊圖像時，用戶只能滾動瀏覽該分組的圖片。

看看我做的一個例子FancyBox Example。而不是用戶點擊類別來分組照片，你會爲他們做這些分組。