超大，根据幻灯片显示div

Question

编辑：

因此，我想采用一种不同的方法来尝试澄清我要寻找的东西，在最近的几个小时里，我一直在阅读尽可能多的东西，我觉得我对系统的工作方式有了更好的了解，但是我仍然不知道如何实现我的目标。

参考链接：

->超级API

因此，我有以下脚本：

<script type="text/javascript">

    $(document.body).ready(function () {

        if (vars.current_slide == 5){**-I want it to display a div if the slider is the number 5-**     

}       

    });

</script>

我的问题是：

1）我要在--区域添加什么以显示仅在滑块位于第5张幻灯片时显示的div？

2）我在做休息吗？还是我缺少什么？ 我创建了该代码，所以它可能是非常错误的大声笑，希望我做对了：P

仅此而已，希望可以澄清这一点。

谢谢大家的帮助！ 我真的很高兴开始创建自己的脚本：D

---

好吧，所以我已经用您发布的代码上传了该网站，但它似乎仍然无法正常工作，我还尝试将代码简化为有条件的代码和结果代码，但这也不起作用，请您检查一下吗？

---

点击这里

感谢您的思考！

Answer 1

我假设您可以使用一些HTML和CSS创建该div。

现在，如果我理解正确，您的问题是如何在某些div中显示某些幻灯片的某些额外信息。

在jQuery中设置div内容的方法非常简单：

$("#id_of_div").html("Any <b>HTML</b> content here");

因此，如果要将div的内容设置为testfield的值，请使用

$("#id_of_div").html(testfield);

根据问题编辑

不幸的是，Supersized无法提供出色的触发器-您唯一的选择是编辑主题文件。

最好的选择可能是将以下代码添加到theme.afterAnimation()函数； 对于默认主题，它位于slideshow/theme/supersized.shutter.js的底部附近。

// current slide is #5
if (vars.current_slide == 5) {
    // Get contents of the 'testfield' field
    var testfield = api.getField(testfield);
    // Set the HTML content of testfielddiv to the value of testfield
    if (testfield != "undefined") {
        $("#testfielddiv").html(testfield);

        // Show testfielddiv (which was hidden for all other slides)
        // The 'fast' argument is for a simple animation; it can be omitted
        // to show without animation, or changed to 'slow' or a number in ms
        $("#testfielddiv").show('fast');
    }
}

else {
    // Hide testfielddiv for any other slide
    $("#testfielddiv").hide('fast');
}

Answer 2

很简单：

1. 打开文件：supersized.shutter.js

2. 找出以下行：

    slide_current: '.slidenumber', // Current slide number 

3. 此类“ .slidenumber”包含当前的数字幻灯片。 然后，您可以在页面中使用它：

    <div class="slidenumber"></div>