我正在尝试创建一个简单的滑块
我有主图像和缩略图
我想为缩略图容器设置动画到正确的位置,我不想使用整数,我想使用变量的宽度值

我的HTML代码是这样的

<div class="Slider" >
  <ul class="main-image">
    <li><img src="images/gal-1.jpg" alt=""/></li>
    <li><img src="images/gal-2.jpg" alt=""/></li>
    <li><img src="images/gal-3.jpg" alt=""/></li>
  </ul>
  <div class="thumbnails-holder">
    <a class="prev"></a>
     <div class="thumbnails-items">
      <a  class="thumbnails-item">
        <img src="images/gal-1.jpg"  alt=""/>
      </a>
       <a  class="thumbnails-item">
        <img src="images/gal-2.jpg"  alt=""/>
      </a>
       <a  class="thumbnails-item">
        <img src="images/gal-3.jpg"  alt=""/>
      </a>
     </div>
    <a class="next"></a>
  </div>
</div>


我的J查询代码

var ThumbWidth = parseInt($(".thumbnails-item").width());

                $(".next").click(function(){

                     $(this).parents().find(".thumbnails-items").animate({
                    right: '-=95'
                    })
                })


有没有办法像右写:'-= ThumbWidth'

最佳答案

var ThumbWidth = parseInt($(".thumbnails-item").width());
$(".next").click(function() {
    $(this).parents().find(".thumbnails-items").animate({
        right: '-=' + ThumbWidth
    });
});

07-24 09:48
查看更多