3D圖庫房間使用這個（jQuery和CSS3）

我剛剛發現使用jQuery和CSS3
http://tympanus.net/codrops/2013/01/15/3d-image-gallery-room/3D圖庫房間使用這個（jQuery和CSS3）

我嘗試添加縮放效果（他們每次點擊照片）3D圖像畫廊的這真棒例子圖書館 http://lab.hakim.se/zoom-js/

不幸的是點擊事件不適用於畫廊內的圖像。我無法綁定處理程序，如click（），懸停（）在「gr-gallery」內的任何地方。

我試過刪除返回false;在wallgallery.js的第296行，但仍然無法正常工作。

我認爲使用這個縮放庫可以改善這個例子，但是我需要關於這個細節的幫助。

來源

2016-11-20 onironauta

顯示你試過的代碼 –

當您嘗試綁定zoom.js的點擊事件時，即使您在其之前運行過庫，也沒有圖像。我想這需要一段時間才能構建Gallery DOM樹。爲了解決這個問題，只是爲了變焦加入IMG點擊脣上的setTimeout功能與100毫秒這樣的：

setTimeout(function() { 
    $('figure img').on('click', function(e) { 
     e.preventDefault(); 
     zoom.to({ element: e.target }); 
    }); 
}, 100);

現在你有一個變焦功能圖庫圖片。看到我的例子在這裏：http://zikro.gr/dbg/html/3dgallery/

來源

2016-11-20 09:18:12

3D圖庫房間使用這個（jQuery和CSS3）

回答

相關問題