User:KazutoIKEDA/wiki/change-image.js

From 2009.igem.org

(Difference between revisions)
Line 1: Line 1:
$(document).ready( function() {
$(document).ready( function() {
-
   $("#sample .thumbnail img").click( function() {
+
   $(".thumbnail img").click( function() {
-
     var changeSrc = $(this).src;
+
     var changeSrc = this.src;
-
     $("#sample .target img").fadeOut(
+
     $(".target img").attr("src", changeSrc);
-
      "slow",
+
-
      function() {
+
-
        $(this).attr("src", changeSrc);
+
-
        $(this).fadeIn("slow");
+
-
      }
+
-
    );
+
   });
   });
});
});
 +
$(document).ready( function() {
$(document).ready( function() {

Revision as of 19:09, 19 October 2009

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


$(document).ready( function() {
  $(".funwari")
  .hover( 
    function(){// マウスオーバー時
      $(this).fadeTo(200, 0.8);
    },
    function(){// マウスアウト時
      $(this).fadeTo(600, 1.0);
    }
  );
});
Retrieved from "http://2009.igem.org/User:KazutoIKEDA/wiki/change-image.js"