User:KazutoIKEDA/wiki/change-image.js

From 2009.igem.org

(Difference between revisions)
Line 1: Line 1:
$(document).ready( function() {
$(document).ready( function() {
   $(".thumbnail img")
   $(".thumbnail img")
-
  .click(
+
   // 読み込み時
-
    function() {
+
  .fadeTo(1,0.5)
-
      var changeSrc   = jQuery(this).attr("src");
+
 
-
      $(".target img").attr("src", "https://2009.igem.org/wiki/skins/common/images/wiki.png");
+
  // マウスオーバー・マウスアウト時
-
    }
+
-
  );
+
   .hover(  
   .hover(  
     function(){// マウスオーバー時
     function(){// マウスオーバー時
Line 14: Line 12:
       $(this).fadeTo(600, 1.0);
       $(this).fadeTo(600, 1.0);
     }
     }
-
  );
+
  )
 +
 
 +
  // クリック時の処理
 +
  .click( function() {
 +
    var changeSrc = $(this).attr("src");
 +
    $("#target").attr("src", changeSrc);
 +
    return false;
 +
  });
});
});

Revision as of 03:44, 20 October 2009

$(document).ready( function() {
  $(".thumbnail img")
  // 読み込み時
   .fadeTo(1,0.5)

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

  // クリック時の処理
  .click( function() {
    var changeSrc = $(this).attr("src");
    $("#target").attr("src", changeSrc);
    return false;
  });
});
Retrieved from "http://2009.igem.org/User:KazutoIKEDA/wiki/change-image.js"