課程
/前端開發
/HTML/CSS
/CSS3+JS 實現超炫的散列畫廊特效
我發現如果中間的圖片在被翻到背面沒有翻回來的情況下和其他圖片替換位置的話,被替換下來的這個圖會始終帶著i_back這個標簽。要怎么能讓它不帶著這個i_back標簽呢?
2018-01-31
源自:CSS3+JS 實現超炫的散列畫廊特效 3-6
正在回答
可以在判斷點擊是是否是包含photo_center類的標簽,如果是包含,那肯定是點擊中間圖片,正常正反面切換。
如果不包含,你可以寫個循環,把所有的photo中的photo-back類變成photo-front之后再去執行圖片的重新排序
if(/photo_center/.test(cls)){ if(/photo-front/.test(cls)){ elem.className=cls.replace(/photo-front/,'photo-back'); g("#nav_"+index).className+='?i_back'; }else{ elem.className=cls.replace(/photo-back/,'photo-front'); g("#nav_"+index).className=g("#nav_"+index).className.replace(/i_back/,'?'); } }else{ for(var?i=0;i<data.length;i++){ g("#photo_"+i).className=cls.replace(/photo-back/,'photo-front');//全部更換 } paixu(index);//比如這是排序函數 }
????始終帶著i_back標簽的原因 是因為在進行排序海報的時候對控制按鈕的處理沒處理好,將i_back取代掉時沒取代掉,你看你點擊翻面的時候class是像“ ii_back”這樣嗎?有兩個i。如果你的正則表達式是像“/\s*i_back\s*/” 這樣寫的,那就不能將class中的i_back匹配到。因為這個正則表達式前后都有空格,而class沒有空格。
舉報
實現更自由的切換照片的畫廊效果,打造超酷的切換動畫
1 回答代碼問題?
1 回答left.x的問題
5 回答splice的問題
1 回答IE10下兼容問題
1 回答圖片翻轉問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2019-01-03
i_back?? 這是按鈕
吧,你說的情況應該是圖片的背面back問題。
可以在判斷點擊是是否是包含photo_center類的標簽,如果是包含,那肯定是點擊中間圖片,正常正反面切換。
如果不包含,你可以寫個循環,把所有的photo中的photo-back類變成photo-front之后再去執行圖片的重新排序
2018-02-27
????始終帶著i_back標簽的原因 是因為在進行排序海報的時候對控制按鈕的處理沒處理好,將i_back取代掉時沒取代掉,你看你點擊翻面的時候class是像“ ii_back”這樣嗎?有兩個i。如果你的正則表達式是像“/\s*i_back\s*/” 這樣寫的,那就不能將class中的i_back匹配到。因為這個正則表達式前后都有空格,而class沒有空格。