javascript - このサムネイル プレビューにフェードイン/フェードアウトを追加する方法

Question

親指をホバリングするときにフェードインを追加するにはどうすればよいですか?

http://jsfiddle.net/GAa7D/1/

フェードが必要なマジック js:

function showT( image ){document.getElementById( 'ima' ).setAttribute('src',image )}

もう少し:

<img id="ima" src="http://www.google.com/images/srpr/logo3w.png" height="75" width="75"/>

<a href="#" onmouseover="showT( 'http://www.google.com/logos/2012/cossington_smith-12-hp.jpg' )">pic 1</a>
<a href="#" onmouseover="showT( 'http://www.google.com/logos/2012/earthday12-hp.jpg' )">pic 2</a>
<a href="#" onmouseover="showT( 'http://www.google.com/logos/2012/Friedrich_Frobel-2012-hp.jpg' )">pic 3</a>

Answer 1

jQuery:

$("#thumbnail-1").hover(function() {$(this).fadeIn(fast);},function() {$(this).fadeOut(fast);});

CSS3:

a {
opacity:0.3;
transition:opacity 1s;
-webkit-transition:opacity 1s; /* Safari */
}

a:hover {
opacity:1;
}