2012-03-29 52 views
1

實現變焦我有下面的標記上我的網站雜誌:內的fancybox

<a class="fancybox" rel="group" href="http://fashion.megamall.ru/images/2012/journal/big/journal_02-03.jpg"><img  src="http://fashion.megamall.ru/images/2012/journal/small/journal_02-03.jpg"></a> 
<a class="fancybox" rel="group" href="http://fashion.megamall.ru/images/2012/journal/big/journal_04-05.jpg"><img src="http://fashion.megamall.ru/images/2012/journal/small/journal_04-05.jpg"></a> 
<a class="fancybox" rel="group" href="http://fashion.megamall.ru/images/2012/journal/big/journal_06-07.jpg"><img src="http://fashion.megamall.ru/images/2012/journal/small/journal_06-07.jpg"></a> 

我使用的fancybox來創建縮略圖...收藏般的預覽。但是因爲我最初的雜誌頁面很大,所以fancybox會調整它們以適應視口,因此它們不可讀。我想要做的是添加一些縮放功能的fancybox。 我在Stachoverflow Adding zoom to Fancybox上發現了一個線程,其中有人試圖使用jqzoom實現相同的結果。我試圖實現建議的解決方案,但它似乎並沒有工作。

你能幫我完成這個任務嗎?也許我需要從其他地方推出fancybox內容,而不是從這個頁面開始?但我仍然需要HTML中的圖像列表,因爲它們用於在雜誌箱外顯示雜誌。

這裏是我的網站:

http://fashion.megamall.ru/journal

謝謝!

回答

0

從2017年更新 - fancybox3現在支持通過點擊桌面上的縮放&在觸摸設備上捏手勢。

的文檔是在這裏:http://fancyapps.com/fancybox/3/docs/#options

請注意這個腳本是完全不同的&的選項已被更新,所以它不是一個下拉更換爲2的fancybox