User:KazutoIKEDA/wiki/change-image.js

From 2009.igem.org

(Difference between revisions)
Line 1: Line 1:
$(document).ready( function() {
$(document).ready( function() {
-
   $(".thumbnail a")
+
   $(".thumbnail img")
   // マウスオーバー・マウスアウト時
   // マウスオーバー・マウスアウト時
   .hover(  
   .hover(  

Revision as of 15:24, 20 October 2009

$(document).ready( function() {
  $(".thumbnail img")
  // マウスオーバー・マウスアウト時
  .hover( 
    function(){// マウスオーバー時
      $(this).fadeTo(200, 0.8);
    },
    function(){// マウスアウト時
      $(this).fadeTo(600, 1.0);
    }
  )

  // クリック時の処理
  .click( function() {
    var changeSrc   = jQuery(this).attr("href");
    $(".target img").attr("src", changeSrc);
    return false;
  });
});