Question

修改

所以，我想采取不同的方法来尝试澄清我正在寻找的东西，我在最后几个小时里一直在阅读，我觉得我对这个系统的运作方式有了更好的把握，但我仍然不知道如何实现我的目标。

参考链接：

所以，我有以下脚本：

<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

好吧，所以我上传了你发布的代码的网站，它似乎仍然无法正常工作，我也尝试将代码减少到条件和结果但是这也没有用，请注意它出来了？

Click Here

感谢您的考虑！

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

很简单：

打开文件：supersized.shutter.js

找出以下行：

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

此类“.slidenumber”包含当前的数字幻灯片。然后，您可以在页面中使用它：
```
<div class="slidenumber"></div>
```

超大，根据幻灯片显示div

Click Here

2 个答案:

编辑以回答问题编辑