使用Jquery和Javascript选择图片

Question

我在这里使用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;
        }

Answer 1

通常，只需使用与其他方法相同的功能就足够了

count--;

Answer 2

跟随第一个答案

将事件绑定到鼠标右键

逆转柜台;）

Answer 3

尝试这个

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");
});​

Answer 4

您有四个状态循环count ：0、1、2和3。但是，您仅将图像设置为状态1-3。

当您的count变量为0时，这会导致复制一张图片-以最后一张为准。

不幸的是，关于帮助您准确获得所需的东西。 这三个按钮是否应该是一种“前进/后退/倒退”？ 单击中心按钮时，您想做什么？

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