自己磨蹭了一個(gè)月 再來(lái)聽(tīng)一遍 果然很輕松....就是面向?qū)ο蟮膶?xiě)法 還有 data 的數(shù)據(jù)存取 與分類
2016-11-19
lightbox-btn { opacity: 0; filter: alpha(opacity=50); }
.lightbox-btn:hover { opacity: 1; filter: alpha(opacity=100); cursor: pointer; }.
lightbox-pre-btn { background: url(prev.png) no-repeat left center; left: 0; }
.lightbox-btn:hover { opacity: 1; filter: alpha(opacity=100); cursor: pointer; }.
lightbox-pre-btn { background: url(prev.png) no-repeat left center; left: 0; }
2016-11-12
左右也可以用opactiy和hover搭配使用,在lightbox-pre-btn和lightbox-next-btn上面就把圖片加上然后設(shè)置為透明的,鼠標(biāo)移動(dòng)上面時(shí)候設(shè)置opacity透明度為1
#G-lightbox-popup .lightbox-pic-view .lightbox-pre-btn{background: url(../icon/prev.png) no-repeat left center;opacity:0}
#G-lightbox-popup .lightbox-pic-view .lightbox-pre-btn{opacity:1}
#G-lightbox-popup .lightbox-pic-view .lightbox-pre-btn{background: url(../icon/prev.png) no-repeat left center;opacity:0}
#G-lightbox-popup .lightbox-pic-view .lightbox-pre-btn{opacity:1}
2016-11-12
左右icon直接hover實(shí)現(xiàn)就可以吧
#G-lightbox-popup .lightbox-pic-view .prev:hover{background: url(../icon/prev.png) no-repeat left center;}
#G-lightbox-popup .lightbox-pic-view .next:hover{background: url(../icon/next.png) no-repeat right center;}
#G-lightbox-popup .lightbox-pic-view .prev:hover{background: url(../icon/prev.png) no-repeat left center;}
#G-lightbox-popup .lightbox-pic-view .next:hover{background: url(../icon/next.png) no-repeat right center;}
2016-10-28
最贊回答 / 拉普拉斯丶妖_0
找到原因了,困擾了我半天,在模板加載那個(gè)函數(shù)的img 沒(méi)加 class,如下:<...code...>以為沒(méi)class,一直回去不了 $("img.lightbox-images")這個(gè)對(duì)象!
2016-10-24