为了账号安全,请及时绑定邮箱和手机立即绑定

从iframe调用父级FancyBox

从iframe调用父级FancyBox

aluckdog 2019-07-13 15:45:59
我有2页,我的index.html和social.html。我清除了我的索引,只留下了jQuery代码所需的FancyBox我想要做的是在social.html中拥有图像,当点击它时,它会打开FancyBox并显示它,但是在index.html中,而不是在iframe中。出现的错误是:Uncaught TypeError: Property 'showImage' of object [object DOMWindow] is not a function(anonymous function)social.html:103   onclick这是我的index.html:<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script><script type="text/javascript"  src="js/jquery.fancybox-1.3.4.pack.js"></script><link rel="stylesheet" type="text/css" href="css/jquery.fancybox-1.3.4.css" media="screen" /> <script type="text/javascript" src="js/video.js"></script><script type="text/javascript">         function showImage(image) {             $.fancybox('<img src="img/' + image + '" alt="" border="0" />');         };</script></head><body><iframe src="social.html" scrolling="no" border="0" width="579" height="505" allowtransparency="true">         </iframe></body></html>在iframe页面中: <img src="img/picture1.jpg" alt="" class="thumbs" onclick="parent.showImage('picture1.jpg');"/>PS:两个页面都在同一个域上.编辑:visual.js->这是来自FancyBox的,我没有做这个。jQuery(document).ready(function() {     $(".video").click(function() {         $.fancybox({             'padding'       : 0,             'autoScale'     : false,             'transitionIn'  : 'none',             'transitionOut' : 'none',             'title'         : this.title,             'width'         : 640,             'height'        : 385,             'href'          : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),             'type'          : 'swf',             'swf'           : {             'wmode'             : 'transparent',             'allowfullscreen'   : 'true'             }         });         return false;     });});
查看完整描述

3 回答

  • 3 回答
  • 0 关注
  • 667 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信