課程
/前端開發
/JavaScript
/JS插件開發之LightBox圖片畫廊(上)
我完全是按照視頻樣式來寫的,我搭出來的結構就不對了,誰的樣式文件可以共享一下啊,謝謝
2015-08-27
源自:JS插件開發之LightBox圖片畫廊(上) 2-3
正在回答
結構:
<!DOCTYPE html><html><head lang="en"> ? ?<meta charset="UTF-8"> ? ?<title></title> ? ?<link rel="stylesheet" href="lightbox.css"/></head><body><!--遮罩--><div id="G-lightbox-mask"></div><!--彈出層--><div id="G-lightbox-popup"> ? ?<div class="lightbox-pic-view"> ? ? ? ?<span class="lightbox-btn lightbox-prev-btn lightbox-prev-btn-show"></span> ? ? ? ?<img src="images/2-2.jpg" alt="" class="lightbox-image" width="100%"/> ? ? ? ?<span class="lightbox-btn lightbox-next-btn lightbox-next-btn-show"></span> ? ?</div> ? ?<div class="lightbox-pic-caption"> ? ? ? ?<div class="lightbox-caption-area"> ? ? ? ? ? ?<p class="lightbox-pic-desc">圖片標題</p> ? ? ? ? ? ?<span class="lightbox-of-index">當前索引:1 of 4</span> ? ? ? ?</div> ? ? ? ?<span class="lightbox-close-btn"></span> ? ?</div></div></body></html>
舉報
圖片畫廊插件開發綜合演練,快來加入我們的課程吧
1 回答老師把代碼分享給我們,可以嗎?
1 回答關于樣式重置
1 回答關于樣式效果
2 回答可不可以 做出 手機 觸摸滑動效果。
3 回答請問這個效果是一定要引用JQuery的文件嗎
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-01-25
結構:
<!DOCTYPE html>
<html>
<head lang="en">
? ?<meta charset="UTF-8">
? ?<title></title>
? ?<link rel="stylesheet" href="lightbox.css"/>
</head>
<body>
<!--遮罩-->
<div id="G-lightbox-mask"></div>
<!--彈出層-->
<div id="G-lightbox-popup">
? ?<div class="lightbox-pic-view">
? ? ? ?<span class="lightbox-btn lightbox-prev-btn lightbox-prev-btn-show"></span>
? ? ? ?<img src="images/2-2.jpg" alt="" class="lightbox-image" width="100%"/>
? ? ? ?<span class="lightbox-btn lightbox-next-btn lightbox-next-btn-show"></span>
? ?</div>
? ?<div class="lightbox-pic-caption">
? ? ? ?<div class="lightbox-caption-area">
? ? ? ? ? ?<p class="lightbox-pic-desc">圖片標題</p>
? ? ? ? ? ?<span class="lightbox-of-index">當前索引:1 of 4</span>
? ? ? ?</div>
? ? ? ?<span class="lightbox-close-btn"></span>
? ?</div>
</div>
</body>
</html>