超大JavaScript滑塊添加說明

Question

我在超大滑塊中添加了說明。 它可以工作，但是當我檢查代碼時，包含描述的div為空。

在index.html中：

        <div id="slidedescription"></div>
        ....


        slides : [ // Slideshow Images
        {image : 'img1.jpg', description : '<div"><ul><li><a href="">Text</a></li></ul></div>', title : '<h3>Text</h3>', thumb : 'img1Thumb.jpg', thumbTitle : 'Text'},
        {image : 'img2.jpg', description : '<div><ul><li><a href="">Text</a></li></ul></div>', title : '<h3>Text</h3>', thumb : 'img2Thumb.jpg', thumbTitle : 'Text'}, 
        {image : 'img3.jpg', description : '<div><ul><li><a href="">Text</a></li></ul></div>', title : '<h3>Text</h3>', thumb : 'img3Thumb.jpg', thumbTitle : 'Text'}
       ]
         });
        });

在supersized.shutter.min.js中：

          afterAnimation:function(){...

          if(a(vars.slide_description).length){
(api.getField("description"))?a(vars.slide_description).html(api.getField("description")):a(vars.slide_description).html("")
           }

           a.supersized.themeVars={ ...
           slide_description:"#slidedescription",

問題是：我希望輸出在HTML頁面結果的div元素中，但是現在：

         <div id="slidedescription"> </div>

為空，我希望結果是：

        <div id="slidedescription">
        <div ><ul><li><a href="">Text</a></li></div>
        <div ><ul><li><a href="">Text</a></li></div>
        <div ><ul><li><a href="">Text</a></li></div>
        </div>

有可能實現嗎？ 我想是的，但是您能幫我嗎？

最好的祝福。

Answer 1

您應該將以下代碼的適當部分添加到theme \\ supersized.shutter ：

afterAnimation : function(){
        if (api.options.progress_bar && !vars.is_paused) theme.progressBar();
        var description = api.getField("description");
        if (typeof description != 'undefined') {
            $('#slidedescription').html(description);
        } else {
            $('#slidedescription').html('');
        }
    },

請注意，您可能還需要在文件demo.html中從以下位置編輯路徑

<script type="text/javascript" src="theme/supersized.shutter.min.js"> </ script> 

至

<script type="text/javascript" src="theme/supersized.shutter.js"> </ script>

另外，您應該在“ _init：function（）”中添加上述代碼的一部分，以便在運行Gallery之后看到該描述。

Answer 2

你的意思是這樣嗎？ 如果有幫助，請查看源代碼： http : //www.krijnen.com/opcafe.shtml