jQuery弹出图片视频插件



77 306 103



特效描述:jQuery 弹出图片视频,jQuery弹出图片视频插件

代码结构

1. 引入JS

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

2. HTML代码

		<div id="wrapper">
			<h1>Demo #1</h1>
			<div id="gallery">
				<!-- Regular images -->
					<a href="images/1.jpg"><img src="images/1_thumb.jpg" alt="" title=" (#1)" /></a>
					<a href="images/2.jpg"><img src="images/2_thumb.jpg" alt="" title=" (#2)" /></a>
					<a href="images/3.jpg"><img src="images/3_thumb.jpg" alt="" title=" (#3)" /></a>
				<!-- YouTube: Must be in share format (http://youtu.be/xxxxxxxxxxx) -->
					<a href="http://youtu.be/loGm3vT8EAQ" data-poptrox="youtube,800x480"><img src="images/youtube.png" alt="" title="A YouTube Video" /></a>
				<!-- Vimeo: Must be in share format (http://vimeo.com/xxxxxxxx) -->
					<a href="http://vimeo.com/22439234" data-poptrox="vimeo,800x480"><img src="images/vimeo.png" alt="" title="A Vimeo Video" /></a>
				<!-- Soundcloud: Must be in share format (https://api.soundcloud.com/tracks/xxxxxxxx) -->
					<a href="http://www.51qianduan.com//tracks/93549370" data-poptrox="soundcloud"><img src="images/soundcloud.png" alt="" title="A Soundcloud Track" /></a>
				<!-- Brightcove: Must be in share format (http://bcove.me/xxxxxxxx) -->
					<a href="http://bcove.me/qly3wjdw" data-poptrox="bcove,636x360"><img src="images/brightcove.png" alt="" title="A Brightcove Video" /></a>
				<!-- Wistia: Must be in embed format (http://fast.wistia.net/embed/iframe/xxxxxxxxxx) -->
					<a href="http://www.51qianduan.com//embed/iframe/fe8t32e27x" data-poptrox="wistia,800x480"><img src="images/wistia.png" alt="" title="A Wistia Video" /></a>
				<!-- IFRAME: Link straight to whatever page you want to open -->
					<a href="iframe.html" data-poptrox="iframe,600x400"><img src="images/iframe.png" alt="" title="An IFRAME" /></a>
				<!-- AJAX: Link to whatever content you want to pull in (must be on the same domain)  -->
					<!--<a href="path/to/whatever.html" data-poptrox="ajax,600x400"><img src="path/to/thumbnail.jpg" alt="" title="AJAX content" /></a>-->
				<!-- Ignore: Use this if you want a particular thumbnail to just link out to something -->
					<a href="www.51qianduan.com" data-poptrox="ignore"><img src="images/ignore.png" alt="" /></a>
			</div>
		</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 弹出层拖动 窗口 弹出 弹窗 弹出层 提示框 对话框 遮罩 遮罩层 弹窗插件 滑动星星打分 其他 提示框/弹出层 播放器

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到