2012-01-10 47 views
0

どうすれば画像をonClickに変更できますか?それを元の状態(元の画像)に戻しますか?Onclick Change Image、jQuery?

jQuery('.expand-one').click(function(){ 
    jQuery('.content-one').slideToggle('fast'); 
}); 

jQuery('.expand-one').toggle(function() { 
    jQuery('.content-one').slideDown('slow'); 
    jQuery(this).find("img").css({ 
     "-webkit-transform": "rotate(90deg)", 
     "-moz-transform": "rotate(90deg)", 
     "filter": "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)" 
    }); 
}, function() { 
    jQuery('.content-one').slideUp('slow'); 
    jQuery(this).find("img").css({ 
     "-webkit-transform": "rotate(0deg)", 
     "-moz-transform": "rotate(0deg)", 
     "filter": "progid:DXImageTransform.Microsoft.BasicImage(rotation=0)" 
    }); 
}); 

事実上、イメージスワッピングのイメージローテーションを変更したいと思います。

おかげで、 アーロン

+0

としてJavaScriptを持っています...これはあなたが探しているものですか? jQuery(this).find( "img")。attr( "src"、 "new/image/path/image.ext"); – Connum

+0

@ Connum:私はそう思います。私はonClickイベントを使用してIMGの現在の状態を交換したいですか?それは理にかなっていますか?笑。 –

+0

"state"を定義しますか? ;-) – Connum

答えて

4

変更

<img class="expand-one" src="WhateverUrl" data-altsrc="AlternateUrl"> 

にイメージタグとは、私はあなたを右に取得する場合、私は知らない

jQuery('.expand-one').click(function(){ 
    var src = $(this).attr("src"); 
    $(this).attr("src", $(this).data("altsrc")); 
    $(this).data("altsrc", src); 
}); 

Demo

+0

これは間違いなく何もしていません。私が参照できるjsFiddleがありますか? –

+0

jsFiddleへのリンクを追加 –

+0

Amit ...私の人生のために、私はそれを働かせるようには見えません...私はそれが画像がDIV内のどこにあるのかを設定しています。私はイメージを交換するためにそれを必要とし、再度クリックすると元のイメージに戻ります。あなたは私がやろうとしていることを見ることができます... http://jsfiddle.net/QuzKj/4/ –