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點擊更改

回答

相關問題