源碼地址：https://github.com/DaiWanwan/Horn-Gallery
如果喜歡，就賞個(gè)start吧～
純手打，賞個(gè)start吧～
如果喜歡，就賞個(gè)start吧～
純手打，賞個(gè)start吧～
2018-03-02
最新回答 / 慕俠2155777
i_back？? 這是按鈕<...code...>吧，你說(shuō)的情況應(yīng)該是圖片的背面back問(wèn)題?？梢栽谂袛帱c(diǎn)擊是是否是包含photo_center類(lèi)的標(biāo)簽，如果是包含，那肯定是點(diǎn)擊中間圖片，正常正反面切換。如果不包含，你可以寫(xiě)個(gè)循環(huán)，把所有的photo中的photo-back類(lèi)變成photo-front之后再去執(zhí)行圖片的重新排序<...code...>
2018-01-31
console運(yùn)行g(shù)('#wrap')時(shí)報(bào)錯(cuò)， 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);
}
這樣就可以直接實(shí)現(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);
}
這樣就可以直接實(shí)現(xiàn)隱藏back的效果了，不需要用到backface呀
2017-12-12
已采納回答 / DGua
剛才又試了一下其他瀏覽器，發(fā)現(xiàn)如果用IE瀏覽器的話，效果和老師視頻里的效果是一樣的。side-back會(huì)以翻轉(zhuǎn)了180度的姿態(tài)覆蓋在side-front上。但是在chrome下就是我們遇到問(wèn)題的樣子。背后的機(jī)制是什么我講不出來(lái)，但是可以肯定你我的代碼沒(méi)問(wèn)題，是瀏覽器內(nèi)核渲染時(shí)候的差別問(wèn)題。
2017-12-12
已采納回答 / darkwing_
這樣鼠標(biāo)就不會(huì)在屏幕上劃詞了因?yàn)槭钱?huà)廊，所以一定會(huì)大量點(diǎn)擊，點(diǎn)擊次數(shù)多了很容易劃住某些字，為了防止這種情況發(fā)生添加了onselectstart="return false"
2017-12-11
