Jquery URL点击更改

-2

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

该puspose是区分url。 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个按钮分成两组。第一批人在网址上查找第一批号码。第二组正在更改URL中的第三个字母。

第一组确定背景颜色，第二组确定里面的图像。对于intance 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); 
}

来源

2013-05-03 ayhankerim

你应该发布代码 – 2013-05-03 08:00:28

你尝试了什么？ – Laughing 2013-05-03 08:03:19

从描述中很难理解你想要做什么。 – Stefan 2013-05-03 08:05:18

你可以改变你的形象来源如下：

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

来源

2013-05-03 08:03:28 Genjuro

我的意思是我不想更改整个网址。只是想部分改变它。对于1 + y + 1.png点击第一组的第二个按钮url将是2 + y + 1.png。另外，如果我点击第二组的第三个按钮url将是2 + y + 3.png。 – ayhankerim 2013-05-03 08:08:48

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

$('.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-03 08:16:51 hsuk

是的，非常感谢，但我想这个编码会改变图片点击下一个功能。我不想那样。人们可以直接选择其中之一。 – ayhankerim 2013-05-03 08:30:51

查看更新回答： – hsuk 2013-05-03 08:36:34

在这个编码中没有可能的东西。正如你所看到的那样，有两个可怕的东西。 group1和group2转换为url。 $（“＃yaka”）。attr（“src”，“resim /”+ gruop1 +“y”+ gruop2 +“。png”）; 通过赋予按钮一个功能，如果您单击使组1的第一个按钮的gruop1为“1”。 – ayhankerim 2013-05-03 09:06:24

Jquery URL点击更改

回答

相关问题