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