从iframe调用父级FancyBox

我有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;
    });});

aluckdog

浏览 668回答 3

3回答

随时随地看视频慕课网APP