Question

我需要在网站上设置this滑块。我创建相同的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 advance。

Link到html页面

Answer 1

问题在于您的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>

网站上的jquery滑块

1 个答案: