1

我用 jQuery 创建了一个非常基本的滑块。有两个箭头,分别称为 .theleft 和 .theright,它们在单击时会移动一些 div 内容,因此一个充满图像的水平画廊会在 950 像素的范围内左右移动。这是代码:

$(".theright").click(function() {               
$(".mymove").animate({ 
        left: "-=950px",
      }, 1500 );
});

$(".theleft").click(function() {                
$(".mymove").animate({ 
        left: "+=950px",
      }, 1500 );
});

HTML 非常简单:

<div class="mymove" style="position:relative">
    <ul>
        <li>
            <img src="" title="" alt="">
        </li>
        <li>
            <img src="" title="" alt="">
        </li>
        <li>
            <img src="" title="" alt="">
        </li>
        <li>
            <img src="" title="" alt="">
        </li>
    </ul>
</div>

我的问题是,当页面加载时,如果我做的第一件事是点击左箭头,画廊就会离开视口在右侧迷路,也就是说,我还没有找到“限制”滑块的方法行动...

你知道有什么方法可以改善吗?

非常感谢。

4

1 回答 1

1

您将需要某种计数器来跟踪滑块的位置。

因此,如果它最初从 0 开始,则具有以下内容:

$(".theleft").click(function() {                
    if (slider_pos > 0) {
        $(".mymove").animate({ 
            left: "+=950px",
        }, 1500 );
        // Then update slider_pos here i.e. view_pos += 950;
    }
});
于 2010-08-27T01:34:31.273 回答