-2

ボタンをクリックしたときに画像の URL を変更するにはどうすればよいですか。

目的はURLを区別することです。1y1.png = (group1)y(group2).png group1 の 3 つのボタンのいずれかをクリックするたびに、(group1) の代わりに URL に所定の文字が表示されます。

たとえば; 画像フォルダの下にそれらの写真があります。

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

そして、2 つのグループに 6 つのボタンがあります。最初のグループは、URL の最初の番号を変更します。2 番目のグループは、URL の 3 番目の文字を変更しています。

最初のグループは背景色を決定し、2 番目のグループは内部の画像を決定します。たとえば、1y1.png は背景が白の画像で、中に女の子がいます。2 つ目 (1y2.png) には、女の子ではなく男の子がいます。3 つ目 (1y3.png) も背景が白で、中に赤ちゃんがいます。そして、最初のグループから 2 番目のオプションを選択した場合、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

0

次のように画像ソースを変更できます。

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