Jssor 字幕没有动画

Question

我太棒了！ - 但是当我通过我的 DNN7 CMS 在我的代码中包含横幅时，字幕没有动画，即使幻灯片按预期更改 - 我写道：

    <div class="container" style="padding:0px !important">
    <div id="slider1_container" style="display: none; position: relative; margin: 0 0; width: 1100px; height: 300px; overflow: hidden;">
    <div style="cursor: pointer; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 1100px; height: 300px;" u="slides">
    <div><img src="/portals/0/designelementer/headlines/agHeader6.jpg" u="image" />
<div style="position:absolute;" t="ZM" u="caption">Bliv medlem</div>
</div>
<div><img src="/portals/0/designelementer/headlines/agHeader1.jpg" u="image" /></div></div></div></div>

您可以在此处查看页面：Link

(注意，这是丹麦语)

有人给我提示吗？我做错了什么？

Answer 1

请将 $CaptionSliderOptions 从 $BulletNavigatorOptions 移出。

替换

    $BulletNavigatorOptions: {                                //[Optional] Options to specify and enable navigator or not
        $Class: $JssorBulletNavigator$,                       //[Required] Class to create navigator instance
        $ChanceToShow: 2,                               //[Required] 0 Never, 1 Mouse Over, 2 Always
        $AutoCenter: 1,                                 //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
        $Steps: 1,                                      //[Optional] Steps to go for each navigation request, default value is 1
        $Lanes: 1,                                      //[Optional] Specify lanes to arrange items, default value is 1
        $SpacingX: 12,                                   //[Optional] Horizontal space between each item in pixel, default value is 0
        $SpacingY: 4,                                   //[Optional] Vertical space between each item in pixel, default value is 0
        $Orientation: 1,                                //[Optional] The orientation of the navigator, 1 horizontal, 2 vertical, default value is 1
        $Scale: false,                                   //Scales bullets navigator or not while slider scale
        $CaptionSliderOptions: {
            $Class: $JssorCaptionSlider$,
            $CaptionTransitions: _CaptionTransitions,
            $PlayInMode: 1,
            $PlayOutMode: 3
        }
    }

与

    $BulletNavigatorOptions: {                                //[Optional] Options to specify and enable navigator or not
        $Class: $JssorBulletNavigator$,                       //[Required] Class to create navigator instance
        $ChanceToShow: 2,                               //[Required] 0 Never, 1 Mouse Over, 2 Always
        $AutoCenter: 1,                                 //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
        $Steps: 1,                                      //[Optional] Steps to go for each navigation request, default value is 1
        $Lanes: 1,                                      //[Optional] Specify lanes to arrange items, default value is 1
        $SpacingX: 12,                                   //[Optional] Horizontal space between each item in pixel, default value is 0
        $SpacingY: 4,                                   //[Optional] Vertical space between each item in pixel, default value is 0
        $Orientation: 1,                                //[Optional] The orientation of the navigator, 1 horizontal, 2 vertical, default value is 1
        $Scale: false                                   //Scales bullets navigator or not while slider scale
    },
    $CaptionSliderOptions: {
        $Class: $JssorCaptionSlider$,
        $CaptionTransitions: _CaptionTransitions,
        $PlayInMode: 1,
        $PlayOutMode: 3
    }

Jssor 字幕没有动画

Jssor captions not animating

animation

slider

captions

jssor