Javascript fancybox 显示视频图片其他网页

最新推荐文章于 2024-05-09 09:46:22 发布

jiidd

最新推荐文章于 2024-05-09 09:46:22 发布

阅读量308

点赞数

本文链接：https://blog.csdn.net/jiidd/article/details/82019209

版权

注意这里要是显示网页的话一定要在js中写上格式 'type': 'iframe'

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title></title>
<script src="../js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="../js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link href="../js/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" />
<script type="text/javascript" charset="utf-8">
$(document).ready(function () {
/* 最基本的，使用了默认配置 */
$(".ImgFancybox").fancybox();
$('.various').fancybox({ 'type': 'swf' });
$('a.online_video_a').fancybox({ 'type': 'swf', 'transitionIn': 'elastic', 'transitionOut': 'elastic' });
/* 使用了自定义配置 */
$("a#inline").fancybox({
'hideOnContentClick': true
});
/* 一下配置支持组播放
$("a.group").fancybox({
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'speedIn': 600,
'speedOut': 200,
'overlayShow': false
});
*/
});
</script>
</head>
<body>
<a href="../js/player.swf">../js/player.swf</a>
<a id="single_image" class="ImgFancybox" href="../UpFiles/weixin/20140926/o4T8tuEaeMxeI2rywuiTKT-ONbGc/201409260942566439381.jpg">
<img src="../UpFiles/weixin/20140926/o4T8tuEaeMxeI2rywuiTKT-ONbGc/201409260942566439381.jpg" alt="" height="100" width="100" />
</a>
<a id="single_image" class="various" href="../js/player.swf?file='http://122.228.188.21/UpFiles/weixin/20141105/oGuUcs2q2HTuquGIpDelbntABRT8/201411051031377971821.mp4'&autostart=true">
查看
</a>
</body>
</html>