jQuery支持圖片/視頻彈窗插件

jQuery圖片彈窗插件，支持彈出視頻播放和iframe、圖片彈出預(yù)覽等功能代碼。適用于手機(jī)端圖片彈窗代碼。

使用方法：

1、head引入css文件

<style>		
body { font-family: sans-serif; font-size: 12pt; color: #444; line-height: 1.5em; } 
#gallery { overflow: hidden; }
#gallery a { display: block; float: left; }
#gallery a img { display: block; border: 0; }
</style>

2、head引入js文件

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/jquery.poptrox.min.js"></script>

3、body引入HTML代碼

<a href="images/1.jpg"><img src="images/1_thumb.jpg" alt="" title="這里是標(biāo)題1" /></a>

<a  data-poptrox="youtube,800x480"><img src="images/youtube.png" alt="" title="A YouTube Video" /></a>

<a href="iframe.html" data-poptrox="iframe,600x400"><img src="images/iframe.png" alt="" title="An IFRAME" /></a>

<script>
	$(function() {				
		$('#gallery').poptrox({
			usePopupCaption: true
		});
	});
</script>

使用聲明

1. 本站所有素材（未指定商用），僅限學(xué)習(xí)交流。
2. 會(huì)員在本站下載的原創(chuàng)商用和VIP素材后，只擁有使用權(quán)，著作權(quán)歸原作者及17素材網(wǎng)所有。
3. 原創(chuàng)商用和VIP素材，未經(jīng)合法授權(quán)，請(qǐng)勿用于商業(yè)用途，會(huì)員不得以任何形式發(fā)布、傳播、復(fù)制、轉(zhuǎn)售該素材，否則一律封號(hào)處理。
4. 本平臺(tái)織夢(mèng)模板僅展示和個(gè)人非盈利用途，織夢(mèng)系統(tǒng)商業(yè)用途請(qǐng)預(yù)先授權(quán)。

查看演示下載資源

648 11489 29