2

私は次のコードを持っています：

JQuery

$("document").ready(function(){
    var imglink;
    imglink = 'url("http://poweruser.aeiou.pt/wp-content/uploads/2012/12/google.jpg")';
    $('#trick_img').css('content',imglink);

    $(document).on("click","change",function(){
        imglink = 'url("http://poweruser.aeiou.pt/wp-content/uploads/2012/12/Google-Gmail.jpg")';
        $('#trick_img').css('content',imglink);
    });

});​

HTML

<image id="trick_img" draggable="false"/><br/>
<button id="change">Change image</button>​

Css

img#trick_img { margin:10px; }

テストリンク http://jsfiddle.net/Y5jA9/

私の質問は、画面上の画像を変更するにはどうすればよいですか？

4

3 に答える 3

3

この行：

$(document).on("click","change",function(){

次のように変更する必要があります。

$(document).on("click","#change",function(){

IDで「画像の変更」ボタンを参照するには

于 2013-01-02T02:42:08.350 に答える
2 
$(document).on("click","#change",function(){
        imglink = 'http://poweruser.aeiou.pt/wp-content/uploads/2012/12/Google-Gmail.jpg';
        $('#trick_img').attr('src',imglink);
    });
于 2013-01-02T02:43:17.133 に答える
0 
 $(document).on("click","#change",function(){
        var imglink;
        imglink = 'http://poweruser.aeiou.pt/wp-content/uploads/2012/12/Google-Gmail.jpg';
        $('#trick_img').attr('src',imglink);
    });

これを試して

http://jsfiddle.net/Y5jA9/3/

于 2013-01-02T03:08:21.807 に答える