0

このスライダーを現場で設定する必要があります。同じhtmlフォームを作成します。接続されたスクリプト：jquery.min.js jquery.easing.1.3.js、tms-0.3.js、tms_presets.js

とコールコード

<script>
    jQuery(window).load(function() {
        jQuery('.slider')._TMS({
            duration:600,
            easing:'easeOutQuad',
            preset:'simpleFade',
            nextBu:'.slider-next',
            prevBu:'.slider-prev',
            slideshow:9000,
            banners:'fromLeft',
            waitBannerAnimation:false,
            pauseOnHover:true
        });
    });
</script>

写真の移動は機能しますが、テキストは移動しません。特に「バナー」クラスのコンテナ。Tnxアドバンス。

HTMLページへのリンク

4

1 に答える 1

0

問題はHTMLです

HTMLファイルとライブサイトを比較するだけです

あなたのように見えます

<ul class="items">
<li>
     <img src="http://livedemo00.template-help.com/magento_39139/skin/frontend/default/theme321/images/media/slider1.png" alt="">
</li>
<li>
    <img src="http://livedemo00.template-help.com/magento_39139/skin/frontend/default/theme321/images/media/slider2.png" alt="">
</li>
<li>
  <img src="http://livedemo00.template-help.com/magento_39139/skin/frontend/default/theme321/images/media/slider3.png" alt="">
</li>

続いてあなたのdiv

<div class="banner">
<!--code here -->
</div>

これは

     <li><img src="http://livedemo00.template-help.com/magento_39139/skin/frontend/default/theme321/images/media/slider1.png" alt="">
       <!-- place your banner code within the li tags-->
            <div class="banner">
              <div class="banner-padding">
                <div class="slog-banner">
                   <span class="banner-title">Philips </span>
                   <span class="banner-slog">Medical Equipment (CY-A03)</span>
                   <span class="banner-desc">Ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</span>
                   <a class="banner-button" href="http://livedemo00.template-help.com/magento_39139/diagnostic-supplies/heavy-duty-x-ray-system.html/">Read more</a>
                </div>
           </div>
         </div>
        </li>
于 2012-07-09T09:54:13.920 に答える