jQuery的燈箱縮放效果

-3

有誰知道怎麼做的Flickr的風格：通過jQueryjQuery的燈箱縮放效果

https://www.flickr.com/photos/bmse/34377828322/in/explore-2017-05-08/

照片縮放效果+燈箱嗎？

如果您單擊圖像，圖像放大並覆蓋整個頁面，並允許鼠標控制圖像移動... 在移動 - 有點縮放將圖像變成高品質的圖像。

感謝

2017-05-09 Usman Arshad

下載代碼，這是非常有可能的自定義JavaScript的人的Flickr寫道：它可能不是一個現成的，現成的腳本。所以如果你想要同樣的行爲，你必須從它自己的作品中自己構建它：背景陰影封面，縮放動畫，鼠標跟蹤，在合適的時間縮小和移動支持。我建議如果你不想自己構建它，你會發現一些其他的燈箱腳本是開源代碼，並且具有「足夠接近」的行爲以便被接受。 –

感謝您的建議。我在web.whatsapp.com看到了類似的效果，點擊圖片，縮放，移動鼠標移動圖像，完美編碼。你是對的我會盡力建立它我的自我，並與所有人分享:) –

你可以創建自己的，只是所有的技巧是在移動計算，看到這[[小提琴]（https://jsfiddle.net/ bRIMOs/331177ns/1 /） –

您需要添加jquery PAN插件才能獲得縮放效果。您可以看到縮放example here和另一個example here。

您需要合併兩個插件才能實現您的需求。將PAN插件需要的類應用到插件庫插件的大圖中，這樣兩個插件都可以工作。

您可以從here

來源

2017-05-17 09:44:19

非常感謝，這非常接近。 –

你可以使用的those jQuery plugin之一，並調整它也需要你。
希望這會有所幫助。
SYA :)

來源

2017-05-16 21:50:46 LebCit

jQuery的燈箱縮放效果

回答

相關問題