使用Jquery和Javascript选择图片

使用Jquery和Javascript选择图片,javascript,jquery,image,Javascript,Jquery,Image,我正在使用以下3张图片测试网站布局: Schechterbusiness.info 左键起作用,使它可以浏览图片。但是我不知道如何让正确的按钮工作,它应该以另一种方式滚动。我知道可能有一种方法可以用数组来实现,但我不能用脑子去想它。停 滚动图片的代码: $('#fryLink').click(function() { $('#hide').hide(); $('#img').hide(); count++; if(count == 1)

我正在使用以下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;
        }

通常情况下,只使用相同的函数就足够了

count--;

在第一次回答之后

将计数器反转;)

试试这个

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");
});​
var计数=0;
var imgLength=3;
$(“#左链接,#右链接”)。单击(函数(){
$('#hide').hide();
$('#img').hide();
if(this.id=='leftLink'){
计数--;
如果(计数<0){
计数=imgLength-1;
}
}
否则{
计数++;
如果(计数>IMGLENGHT-1){
计数=0;
}
}
var src=“images/fry.png”;
如果(计数=1){
src=“images/bender.png”;
}
否则如果(计数=2){
src=“images/zoidberg.png”;
}
$('#img').attr('src',src).show(“淡入”);
});​

您有
计数
在四种状态中循环:0、1、2和3。但是你只为状态1-3设置图像

这会导致在
count
变量为0时复制一个图像(以最后一个图像为准)

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


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

您不能将数字颠倒过来吗?“还是反向递增?”威利试过,但我无法让它停止重复某张图片。例如,如果你点击左一个三次,它会带你到Zoidberg,然后点击右一个,它会再次显示Zoidberg。是的,我试过了,但它不起作用,因为它会重复一张图片:/“左键起作用,使它可以浏览图片。但是我不知道如何让正确的按钮工作,它应该以另一种方式滚动。“我认为这是显而易见的?这完全只是一个测试布局,我将最终用图像替换单词。中心按钮所做的只是返回页面加载时的状态。这很好。这确实是我要问的中心按钮。对不起,我没有理解!我以前从未用过!但是我可以稍后再做。我现在正在工作。你只需要将
if(count<0)
更改为
if(count<1)
,因为图像从1开始,请查看一下网站,没有理由使用右键单击。这不是我的意思:/我想我只是在描述事情方面很糟糕