fancybox iframe content

327 views
Skip to first unread message

Nicolas Allerhand

unread,
Jan 3, 2013, 9:04:33 AM1/3/13
to fanc...@googlegroups.com
Hi,

I have a problem, maybe someone has already sold it .

a fancybox iframe content doesn't work in firefox and google chrome but works well in IE..the content (image or pdf iframe) doesn't appear in the fancybox..

Thanks

RavanH

unread,
Jan 3, 2013, 8:24:27 PM1/3/13
to fanc...@googlegroups.com
When embedding PDF files (iframe or inline) you'll always depend on a browser plugin so that might explain it not appearing in some browsers.

A link to your site will be more helpful than letting us guess though...


Op donderdag 3 januari 2013 15:04:33 UTC+1 schreef Nicolas Allerhand het volgende:

Nicolas Allerhand

unread,
Jan 4, 2013, 5:47:16 AM1/4/13
to fanc...@googlegroups.com
Hi,

Sorry, my site is intern and I can send you any url..this is not the pdf plugin browser because, the images are not visible too.
I see that in IE , it find the good url of the image but not on firefox or chrome..

RavanH

unread,
Jan 5, 2013, 6:46:14 AM1/5/13
to FancyBox
Why are you using iframe mode for images?

Nicolas Allerhand

unread,
Jan 7, 2013, 9:10:12 AM1/7/13
to fanc...@googlegroups.com
Hi,

I use iframe because in my gallery, there is images and pdf files.

I fixed the problem and now, I can see pdf and images in my fancybox BUT..because there is always a "but" :)

I have new issue, the arrow "next" and "prev" are at the same place, to the left, I mean, then the "next" span overrides the "prev" span and it appears only in firefox..

here my code I tried for fix it but it does nothing..

$("a.site").fancybox({
                'padding': 5,
                'margin': 10,
                'enableEscapeButton': true,
                'width': "80%",
                'height': "80%",
                'wrapCSS': 'fancybox-nav-iframe',
                'type': 'iframe',
            });

and css side :

.fancybox-nav-iframe .fancybox-nav {
    width: 60px;       
}
.fancybox-nav-iframe .fancybox-nav span {
    visibility: visible; /* arrows will be permanently visible */
}
.fancybox-nav-iframe .fancybox-next {
    right: -60px; /* move right outside fancybox area */
}
.fancybox-nav-iframe .fancybox-prev {
    left: -60px; /* move left outside fancybox area */
}


Thanks

RavanH

unread,
Jan 8, 2013, 8:06:23 AM1/8/13
to fanc...@googlegroups.com
A link to your site might be more helpful in debugging...

Op maandag 7 januari 2013 15:10:12 UTC+1 schreef Nicolas Allerhand het volgende:
Reply all
Reply to author
Forward
0 new messages