2011-05-13 66 views
11

我正在使用Fancybox作爲縮略圖庫。我想用JQZoom(http://www.mind-projects.it/projects/jqzoom/)以及fancybox。將變焦添加到Fancybox

最終結果是:在縮略圖 1.用戶點擊 2.fancybox較大的圖像 3.用戶可以出現鼠標圖像在更多使用JQZoom

放大

現在我有它成立的目的這個效果。 fancybox完美地工作,但JQZoom根本不工作。我還沒有遇到任何使用螢火蟲的錯誤。

這裏的頁面:

http://waldondigital.com/mix/gallery.html

這裏是我的jQuery:

http://pastebin.com/3Nc9pzMM

感謝您的時間,它的高度讚賞。

+0

嗨,你已經做到了這一點?如果是的話如何?因爲我想做同樣的事情.... :) – 2015-12-05 12:07:37

回答

0

您需要設置fancybox縮放以打開包含JQZoom代碼的iframe樣式燈箱。可能是一個非常光滑的組合!

1

這應該做的伎倆:http://pastebin.com/mg7e0Z1S

它基本上增加了變焦圖像內容$.fancybox當它的通過onComplete完成適用$.jqzoom()。 我禁用了滾動,因爲jqzoom似乎向較小的圖像添加邊框,導致水平滾動條。我只測試了這個內聯縮放...