Question

我有两页,我的指数.html和社会.html。我清理了我的指数,只剩下了需要。我试图做的是掌握社会形象。 html和点击时,它将打开租赁箱并显示它,但以指数表示。由此产生的错误是:

Uncaught TypeError: Property  showImage  of object [object DOMWindow] is not a function
(anonymous function)social.html:103
  onclick

这是我的指数。

<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>

摘录

 <img src="img/picture1.jpg" alt="" class="thumbs" onclick="parent.showImage( picture1.jpg );"/>

PS: both pages are on same domain... EDIT: video.js -> this is from fancybox I didn t make this.

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



});

Answer 1

首先,你应当使用ancy箱和2.x,以便无缝地这样做(配送机箱和机器。

第二,你需要在两页、母体网页和铁丝带上页、装满舱和轮胎箱子和js文档,以便适当超越轮胎箱,

在这两页中,至少应该有:

<link rel="stylesheet" type="text/css" href="fancybox2.0.4/jquery.fancybox.css" />

以及

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="fancybox2.0.4/jquery.fancybox.js"></script>

然后,在您的书本(子女)网页上,你的文字基本相同(但右翼插图为2.x......)。

$(".video").click(function() {
        $.fancybox({
             padding        : 0,
            // more options (v2.x) etc

但不是这样

        $.fancybox({

为此:

        parent.$.fancybox({

然后,在母体网页上,如果撞击的页数边界外,将显示仪表箱。

<>UPDATE:http://picssel.com/playground/jquery/fancy BoxFromIframe_16Jan12.html” rel=“noreferer”> 页: 1

Answer 2

Ive encounter this problem before and was able to find a solution. Here is what iv done. in my iframe page i called the parent window with the href e.g. onClick="callMe( www.google.com )" or if pics "/images/pics.png" and call this script in my parent page

<script type="text/javascript"> 
 function callMe(site){ 
      $(".sample").fancybox({ 
          width  :  97% , 
          height  :  97% , 
          href  :   +site+   //force href to change its site from the call function in the iframe page 
      }); 
      readyFancy() call to trigger the decoy link page 
 } 

 function readyFancy(){ 
      $("a.sample").trigger("click"); 
 } 
 </script>

在我的母公司html中,我们右翼脱节(从装货箱的事例中可见)

<body> 
<a href="#" class="sample"></a> 
</body>

You can download a working example here.. https://docs.google.com/file/d/0B1TI7BdxGAbvYzBiZjNiMDYtNjY4ZS00NDczLWE2YjQtODNlMjU4YTNjYWI0/edit?authkey=CP_H9rAC

Answer 3

由于星号上是不同的网页。因此,Jquery正在指数.html,但成像是这样,为什么JQuery可以进入图像。

或许使用类似的东西...... 但是,一心一意认为它会发挥作用。

索引.html

$(document).ready(function () {
    //function to active fancybox on the thumbs class inside the iframe
    //Not sure it works on iframes, probably it doesnt.
    $("#iframeID.thumbs").fancybox();
});

And add the id to the iframe declaration < iframe src="social.html" id="iframeID" etc... rest of properties>

But, my advice is to use divs instead of iframes. You also should remove the onclick from the image for non-obstrusive Javascript.

Check the tutorial: http://fancybox.net/howto If you want a similar tutorial in spanish you can check my site too.

Answer 4

你不需要从胎箱提升到1.3.x,你也没有在座机页上需要ancy子。

<>光>

<a href="#" class="fancylink" data-url="www.example.com">Some link</a>

$( .fancylink ).click(function() {
    var url = $(this).attr("data-url");
    parent.show_fancybox(url);
});

Parent:

function show_fancybox(url) {
    $.fancybox({
         type           :  iframe ,     
         width          : 640,
         height         : 480,
         href           : url       
    });
}

友情链接