超大，根據幻燈片顯示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>