Question

我想展示HTML片段而不是具有相同滚动效果的图片（当我们调用next（）方法时）。

我无法意识到如何让它发挥作用。我们可以使用单个html片段显示fancybox：

$.fancybox( htmlFragment );

但我想要几个片段。如何强制lib。使用HTML片段而不是图像？

为什么我需要它：我必须创建一个包含多种形式的弹出向导。

Answer 1

您可以将html片段作为inline内容

<div style="display: none">
    <div id="section1">
        <h1>Section One</h1>
        ...content
    </div>
    <div id="section2">
        <h1>Section Two</h1>
        ...content
    </div>
    <div id="section3">
        <h1>Section Three</h1>
        ...content
    </div>

    ... etc
</div>

并链接到每个部分，如

<a rel="gallery" class="fancybox" href="#section1">open section one</a>
<a rel="gallery" class="fancybox" href="#section2">open section two</a>
<a rel="gallery" class="fancybox" href="#section3">open section three</a>

请注意，所有链接都共享相同的rel属性。

然后使用简单的fancybox脚本

$(".fancybox").fancybox();

参见 JSFIDDLE

Fancybox：如何滚动HTML片段而不是具有相同效果的图像？

1 个答案: