User:KazutoIKEDA/wiki/change-image.js

From 2009.igem.org

Note: After saving, you may have to bypass your browser's cache to see the changes. Mozilla / Firefox / Safari: hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (Command-R on a Macintosh); Konqueror: click Reload or press F5; Opera: clear the cache in Tools → Preferences; Internet Explorer: hold Ctrl while clicking Refresh, or press Ctrl-F5. 

$(document).ready( function() {
    $(".thumbnail a")
	.fadeTo(1,0.5)
    .hover( 
        function(){// マウスオーバー時
            $(this).fadeTo(200, 1.0);
        },
        function(){// マウスアウト時
            $(this).fadeTo(500, 0.5);
        }
    )
	.click( function() {
        var changeSrc = $(this).attr("href");
        $(".target img").attr("src", changeSrc);
        return false;
    });

});
Retrieved from "http://2009.igem.org/User:KazutoIKEDA/wiki/change-image.js"