Question

如何在带有花式框的iframe窗口下放置prev和next按钮。

我写过：

jQuery("#yayla").fancybox({
    'overlayShow'       : true,
    'overlayColor'      : '#dfdfdf',
    'overlayOpacity'    : 0.9,
    'autoScale'         : false,
    'transitionIn'      : 'none',
    'transitionOut'     : 'none',
    'type'              : 'iframe',
    'width'             : '50%',
    'height'            : '75%',
});

Answer 1

例如，您可能有一个图片库，并将iframe集成到该图库中，以便假设您有图片：

$('.fancyImage').fancybox();

<a rel="gallery" class="fancyImage" href="image01.jpg"...
<a rel="gallery" class="fancyImage" href="image02.jpg"...
<a rel="gallery" class="fancyImage" href="image03.jpg"...

使用上面针对iframe的相同脚本，您可以将其添加到图库，只需将相同的rel属性设置为锚点，如：

<a rel="gallery" id="yayla" href="samplePage.html" ....

Fancybox按钮问题

1 个答案: