User:KazutoIKEDA/wiki/change-image.js

From 2009.igem.org

(Difference between revisions)
Line 6: Line 6:
       function() {
       function() {
         $(this).attr("src", changeSrc);
         $(this).attr("src", changeSrc);
-
         $(this).fadeIn();
+
         $(this).fadeIn("slow");
       }
       }
     );
     );

Revision as of 18:51, 19 October 2009

$(document).ready( function() {
  $("#sample .thumbnail img").click( function() {
    var changeSrc = this.src;
    $("#sample .target img").fadeOut(
      "slow",
      function() {
        $(this).attr("src", changeSrc);
        $(this).fadeIn("slow");
      }
    );
  });
});

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