Question

如何在点击按钮时更改图片的网址。

puspose区分网址。 1y1.png =（group1）y（group2）.png每次点击group1的三个按钮之一时，它会在网址上给我一个预定的字母而不是（group1）。

for intance;我在图像文件夹下有这些图片。

1y1.png
1y2.png
1y3.png
2y1.png
2y2.png
2y3.png
3y1.png
3y2.png
3y3.png

我有6个按钮分为两组。第一组在网址上搜索第一个数字。第二组正在更改网址上的第三个字母。

第一组确定背景颜色，第二组确定内部图像。对于intance 1y1.png是一张白色背景的照片，里面有一个女孩。第二个（1y2.png）有男孩而不是女孩。第三个（1y3.png）也有白色背景，里面有婴儿。如果我们从第一组选择第二个选项，我们可以将网址更改为2y1.png这张图片里面有女孩但是有蓝色的bacground。

用jquery怎么可能呢？有一个简单的样本。

我认为编码应该是那样的

function pictureselect(model)
{
    var gruop1 = $.cookie('background');
    if(gruop1==undefined){
        colori = 1;
        }
    var detayselect = $.cookie('detay');
     if((detayselect!=undefined)&&(detayselect!=0)){
     $("#yaka").attr("src", "resim/"+gruop1+"y"+gruop2+".png");
         }else{
     $("#yaka").attr("src", "resim/"+gruop1+"y"+gruop1+".png");      
             }
     $("#yaka").css({"display":""});
     $.cookie('images',model);
}

Answer 1

所以，你的意思是这样的：

$('.image_group_1').click(function(){
    $("#image_id_1").attr("src", $(this).attr('src'));      
});
$('.image_group_2').click(function(){
    $("#image_id_2").attr("src", $(this).attr('src'));      
});
$('.image_group_3').click(function(){
    $("#image_id_3").attr("src", $(this).attr('src'));      
});

<img src='1y1.png' class='image_group_1' />
<img src='1y2.png' class='image_group_1' />
<img src='1y3.png' class='image_group_1' />
<img src='2y1.png' class='image_group_2' />
<img src='2y2.png' class='image_group_2' />
<img src='3y3.png' class='image_group_2' />
<img src='3y1.png' class='image_group_3' />
<img src='3y2.png' class='image_group_3' />
<img src='3y3.png' class='image_group_3' />


<img src='' id='image_id_1' /> 
<img src='' id='image_id_2' />
<img src='' id='image_id_3' />

Answer 2

您可以按如下方式更改图像来源：

var = "your url";
$("#imgId").attr("src", src);

Jquery URL点击更改

2 个答案: