使用Jquery和Javascript选择图片
我正在使用以下3张图片测试网站布局: Schechterbusiness.info使用Jquery和Javascript选择图片,javascript,jquery,image,Javascript,Jquery,Image,我正在使用以下3张图片测试网站布局: Schechterbusiness.info 左键起作用,使它可以浏览图片。但是我不知道如何让正确的按钮工作,它应该以另一种方式滚动。我知道可能有一种方法可以用数组来实现,但我不能用脑子去想它。停 滚动图片的代码: $('#fryLink').click(function() { $('#hide').hide(); $('#img').hide(); count++; if(count == 1)
左键起作用,使它可以浏览图片。但是我不知道如何让正确的按钮工作,它应该以另一种方式滚动。我知道可能有一种方法可以用数组来实现,但我不能用脑子去想它。停 滚动图片的代码:
$('#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开始,请查看一下网站,没有理由使用右键单击。这不是我的意思:/我想我只是在描述事情方面很糟糕