0

特大スライダーに説明を追加しました。動作しますが、コードを確認すると、説明を含む 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>

達成することは可能ですか？だと思いますが、これを手伝ってくれませんか？

よろしくお願いします。

4

2 に答える 2

0

このようなことを意味しますか？ソースが参考になる場合は、http ://www.krijnen.com/opcafe.shtml をご覧ください。

于 2012-09-28T12:06:45.983 に答える
0

次のコードの適切な部分を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>

また、gallery を実行した後に表示された「_init:function()」にコードの上の部分を追加する必要があります。

于 2012-08-21T13:18:05.277 に答える