源碼地址：https://github.com/DaiWanwan/Horn-Gallery
如果喜歡，就賞個start吧～
純手打，賞個start吧～
如果喜歡，就賞個start吧～
純手打，賞個start吧～
2018-03-02
最新回答 / 慕俠2155777
i_back？? 這是按鈕<...code...>吧，你說的情況應(yīng)該是圖片的背面back問題?？梢栽谂袛帱c擊是是否是包含photo_center類的標簽，如果是包含，那肯定是點擊中間圖片，正常正反面切換。如果不包含，你可以寫個循環(huán)，把所有的photo中的photo-back類變成photo-front之后再去執(zhí)行圖片的重新排序<...code...>
2018-01-31
console運行g(shù)('#wrap')時報錯， Uncaught TypeError: document[method] is not a function
at g (index.html:137)
at <anonymous>:1:1
g @ index.html:137
(anonymous) @ VM547:1
at g (index.html:137)
at <anonymous>:1:1
g @ index.html:137
(anonymous) @ VM547:1
2017-12-24
.photo-wrap{
transform-style: preserve-3d; /*FF支持,ie全不支持，作用使被轉(zhuǎn)換的子元素保留其3D轉(zhuǎn)換*/
-webkit-transform-style:preserve-3d;
}在這里保留了3D轉(zhuǎn)換
.photo-wrap .side-front{
-webkit-transform:rotateY(0deg);
}
.photo-wrap .side-back{
-webkit-transform:rotateY(180deg);
}
這樣就可以直接實現(xiàn)隱藏back的效果了，不需要用到backface呀
transform-style: preserve-3d; /*FF支持,ie全不支持，作用使被轉(zhuǎn)換的子元素保留其3D轉(zhuǎn)換*/
-webkit-transform-style:preserve-3d;
}在這里保留了3D轉(zhuǎn)換
.photo-wrap .side-front{
-webkit-transform:rotateY(0deg);
}
.photo-wrap .side-back{
-webkit-transform:rotateY(180deg);
}
這樣就可以直接實現(xiàn)隱藏back的效果了，不需要用到backface呀
2017-12-12
已采納回答 / DGua
剛才又試了一下其他瀏覽器，發(fā)現(xiàn)如果用IE瀏覽器的話，效果和老師視頻里的效果是一樣的。side-back會以翻轉(zhuǎn)了180度的姿態(tài)覆蓋在side-front上。但是在chrome下就是我們遇到問題的樣子。背后的機制是什么我講不出來，但是可以肯定你我的代碼沒問題，是瀏覽器內(nèi)核渲染時候的差別問題。
2017-12-12
已采納回答 / darkwing_
這樣鼠標就不會在屏幕上劃詞了因為是畫廊，所以一定會大量點擊，點擊次數(shù)多了很容易劃住某些字，為了防止這種情況發(fā)生添加了onselectstart="return false"
2017-12-11
