1

クリック時に画像を変更し、別の画像がクリックされたときに元の画像に戻すには、助けが必要です。これまでのところ、最初のクリックで画像を変更するだけですが、別の画像をクリックすると元の画像に戻るという次の部分はわかりません。これは私が持っているものです:

$(function() {
    $('#two').click(function(){
        $("#imgtwo").attr('src',"resources/items/icon2blue.png"); 
    });
});

どんな助けでも大歓迎です！ありがとう！

4

4 に答える 4

0

画像をクリックすると、画像が変更され、他のすべての画像がデフォルトの画像にリセットされます。そうすれば、特定の画像がクリックされるたびに変更され、他のすべての画像がデフォルトに戻されることがわかります。

$('#one').click(function(){
    $("#imgone").attr('src',"resources/items/click-image.png");
    $("#imgtwo").attr('src',"resources/items/standard-image.png");
    $("#imgthree").attr('src',"resources/items/standard-image.png"); 
});
$('#two').click(function(){
    $("#imgone").attr('src',"resources/items/standard-image.png");
    $("#imgtwo").attr('src',"resources/items/click-image.png");
    $("#imgthree").attr('src',"resources/items/standard-image.png"); 
});
$('#three').click(function(){
    $("#imgone").attr('src',"resources/items/standard-image.png");
    $("#imgtwo").attr('src',"resources/items/standard-image.png");
    $("#imgthree").attr('src',"resources/items/click-image.png"); 
});

私のJSはさびていますが、あなたはその考えを理解しています。

于 2013-08-06T09:15:10.527 に答える
0 
var imgArray = [  
 'http://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Brain_human_sagittal_section.svg/295px-Brain_human_sagittal_section.svg.png',
 'http://upload.wikimedia.org/wikipedia/commons/thumb/7/79/Solanum_muricatum_Flower_and_Fruit.jpg/220px-Solanum_muricatum_Flower_and_Fruit.jpg'
];

var counter = 0;
document.getElementById('my_button').onclick = function () {  
    document.getElementById('mainImage').src = imgArray[counter % imgArray.length]; 
    counter += 1;
}

これが役立つことを願っています

このフィドルを試してください

http://jsfiddle.net/sornalingam/XyezG/

于 2013-08-06T09:20:20.020 に答える