jquery - 现场的 jQuery 滑块

Question

我需要在现场设置此滑块。我创建了相同的 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 页面

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>