-2

如何在单击按钮时更改图片的 url。

目的是区分网址。1y1.png = (group1)y(group2).png 每次单击 group1 的三个按钮之一时，它都会在 url 上给我一个预定的字母，而不是 (group1)。

例如；我在图像文件夹下有这些照片。

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

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

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

用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);
}
4

2 回答 2

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' />
于 2013-05-03T08:16:51.723 回答
0

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

var = "your url";
$("#imgId").attr("src", src);
于 2013-05-03T08:03:28.847 回答