search

google-code-export / fancybox

Automatically exported from code.google.com/p/fancybox
1 stars 0 forks source link

iframe doesn't work on IE #102

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago 
What steps will reproduce the problem?

<!DOCTYPE html>

<html>
<head>
  <link rel="stylesheet" type="text/css" media="screen" href="CDN/fancybox/jquery.fancybox.css" />
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
  <script type="text/javascript" src="CDN/fancybox/jquery.fancybox.min.js"></script>
</head>
<body>
  <a class="iframe" href="http://www.wp.pl">This goes to iframe</a>
<script>
$(document).ready(function() {

    /* This is basic - uses default settings */

    $("a#single_image").fancybox();

    /* Using custom settings */

    $("a#inline").fancybox({
        'hideOnContentClick': true
    });

    /* Apply fancybox to multiple items */

  $('a.iframe').fancybox({
    'padding' : 0,
    'autoScale' : true,
    'title' : this.title,
    'type' : 'iframe',
    'width' : 800,
    'height' : 750,
  });

});

</script>
</body>
</html>

This doesn't show ifram, just loads given url in the same tab.

What version of the product are you using? On what operating system?

IE8/Windows Vista

Please provide any additional information below.

Original issue reported on code.google.com by michal.k...@gmail.com on 21 Feb 2011 at 12:39

GoogleCodeExporter commented 9 years ago 
1 Sorry for bogus example - wp.pl escapes from iframe.
2 I verified that Fancybox works on IE here. It doesn't work on one of my pages 
where content is loaded by AJAX. Don't know why it doesn't work, but it is not 
a Fancybox problem, because the same thing happens with Colorbox.

Best regards,
Michal

Original comment by michal.k...@gmail.com on 11 Mar 2011 at 8:58