0

我在这里使用 3 张图片测试网站上的布局:

Schechterbusiness.info

左按钮起作用,使其通过图片。但我不知道如何让正确的按钮工作,它应该以另一种方式滚动。我知道可能有一种方法可以用数组来做到这一点,但我无法将我的大脑包裹在它周围。哈!

滚动图片的代码:

$('#fryLink').click(function() {
        $('#hide').hide();
        $('#img').hide();

    count++;

        if(count == 1) {

        $('#img').attr("src","images/fry.png");

        }
        else if(count == 2) {

        $('#img').attr("src","images/bender.png");

        }
        else if(count == 3) {

        $('#img').attr("src","images/zoidberg.png");
        }


                $('#img').show("fade");





        if(count > 2) {

        count = 0;
        }
4

4 回答 4

0

通常只使用相同的功能就足够了

count--;
于 2012-12-07T23:06:39.853 回答
0

跟随第一个回答者

将事件绑定到鼠标右键

反转计数器;)

于 2012-12-07T23:08:19.873 回答
0

尝试这个

var count = 0;
var imgLength = 3;
$('#leftLink , #rightLink').click(function() {
    $('#hide').hide();
    $('#img').hide();
    if (this.id === 'leftLink') {
        count--;
        if (count < 0) {
            count = imgLength-1;
        }
    }
    else {
        count++;
        if (count > imgLength-1) {
            count = 0;
        }
    }
    var src = "images/fry.png";

    if (count == 1) {
        src = "images/bender.png";
    }
    else if (count == 2) {
        src = "images/zoidberg.png";
    }
    $('#img').attr('src',src).show("fade");
});​
于 2012-12-07T23:09:30.247 回答
0

您有count四种状态循环:0、1、2 和 3。但您只为状态 1 - 3 设置图像。

count当您的变量为 0时,这会导致复制一张图像(以最后一张为准) 。

至于帮助你得到你想要的东西,不幸的是,这并不是很清楚。这三个按钮应该是一种“前进/某事/倒退”吗?单击中心按钮时,您希望发生什么?

此外,使按钮显示正确的指针/手形图标也很重要。现在他们改为显示文本选择栏,这让人感到困惑,因为它向用户传达了这些项目不可点击。

于 2012-12-07T23:11:34.250 回答