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")
+
   $("#biomario .thumbnail img")
   // マウスオーバー・マウスアウト時
   // マウスオーバー・マウスアウト時
   .hover(  
   .hover(  
Line 10: Line 10:
     }
     }
   )
   )
 +
  // クリック時の処理
 +
  .click( function() {
 +
    var changeSrc  = jQuery(this).attr("href");
 +
    $("#biomario .target img").attr("src", changeSrc);
 +
    return false;
 +
  });
 +
  $("#cocktail .thumbnail img")
 +
  // マウスオーバー・マウスアウト時
 +
  .hover(
 +
    function(){// マウスオーバー時
 +
      $(this).fadeTo(200, 0.8);
 +
    },
 +
    function(){// マウスアウト時
 +
      $(this).fadeTo(600, 1.0);
 +
    }
 +
  )
 +
  // クリック時の処理
 +
  .click( function() {
 +
    var changeSrc  = jQuery(this).attr("href");
 +
    $("#cocktail .target img").attr("src", changeSrc);
 +
    return false;
 +
  });
 +
 +
  $("#mandala .thumbnail img")
 +
  // マウスオーバー・マウスアウト時
 +
  .hover(
 +
    function(){// マウスオーバー時
 +
      $(this).fadeTo(200, 0.8);
 +
    },
 +
    function(){// マウスアウト時
 +
      $(this).fadeTo(600, 1.0);
 +
    }
 +
  )
 +
  // クリック時の処理
 +
  .click( function() {
 +
    var changeSrc  = jQuery(this).attr("href");
 +
    $("#mandala .target img").attr("src", changeSrc);
 +
    return false;
 +
  });
 +
 +
  $("#pyramid .thumbnail img")
 +
  // マウスオーバー・マウスアウト時
 +
  .hover(
 +
    function(){// マウスオーバー時
 +
      $(this).fadeTo(200, 0.8);
 +
    },
 +
    function(){// マウスアウト時
 +
      $(this).fadeTo(600, 1.0);
 +
    }
 +
  )
 +
  // クリック時の処理
 +
  .click( function() {
 +
    var changeSrc  = jQuery(this).attr("href");
 +
    $("#pyramid .target img").attr("src", changeSrc);
 +
    return false;
 +
  });
 +
 +
  $("#tomb .thumbnail img")
 +
  // マウスオーバー・マウスアウト時
 +
  .hover(
 +
    function(){// マウスオーバー時
 +
      $(this).fadeTo(200, 0.8);
 +
    },
 +
    function(){// マウスアウト時
 +
      $(this).fadeTo(600, 1.0);
 +
    }
 +
  )
   // クリック時の処理
   // クリック時の処理
   .click( function() {
   .click( function() {
     var changeSrc  = jQuery(this).attr("href");
     var changeSrc  = jQuery(this).attr("href");
-
     $(".target img").attr("src", changeSrc);
+
     $("#tomb .target img").attr("src", changeSrc);
     return false;
     return false;
   });
   });
});
});

Revision as of 15:32, 20 October 2009

$(document).ready( function() {
  $("#biomario .thumbnail img")
  // マウスオーバー・マウスアウト時
  .hover( 
    function(){// マウスオーバー時
      $(this).fadeTo(200, 0.8);
    },
    function(){// マウスアウト時
      $(this).fadeTo(600, 1.0);
    }
  )
  // クリック時の処理
  .click( function() {
    var changeSrc   = jQuery(this).attr("href");
    $("#biomario .target img").attr("src", changeSrc);
    return false;
  });

  $("#cocktail .thumbnail img")
  // マウスオーバー・マウスアウト時
  .hover( 
    function(){// マウスオーバー時
      $(this).fadeTo(200, 0.8);
    },
    function(){// マウスアウト時
      $(this).fadeTo(600, 1.0);
    }
  )
  // クリック時の処理
  .click( function() {
    var changeSrc   = jQuery(this).attr("href");
    $("#cocktail .target img").attr("src", changeSrc);
    return false;
  });

  $("#mandala .thumbnail img")
  // マウスオーバー・マウスアウト時
  .hover( 
    function(){// マウスオーバー時
      $(this).fadeTo(200, 0.8);
    },
    function(){// マウスアウト時
      $(this).fadeTo(600, 1.0);
    }
  )
  // クリック時の処理
  .click( function() {
    var changeSrc   = jQuery(this).attr("href");
    $("#mandala .target img").attr("src", changeSrc);
    return false;
  });

  $("#pyramid .thumbnail img")
  // マウスオーバー・マウスアウト時
  .hover( 
    function(){// マウスオーバー時
      $(this).fadeTo(200, 0.8);
    },
    function(){// マウスアウト時
      $(this).fadeTo(600, 1.0);
    }
  )
  // クリック時の処理
  .click( function() {
    var changeSrc   = jQuery(this).attr("href");
    $("#pyramid .target img").attr("src", changeSrc);
    return false;
  });

  $("#tomb .thumbnail img")
  // マウスオーバー・マウスアウト時
  .hover( 
    function(){// マウスオーバー時
      $(this).fadeTo(200, 0.8);
    },
    function(){// マウスアウト時
      $(this).fadeTo(600, 1.0);
    }
  )
  // クリック時の処理
  .click( function() {
    var changeSrc   = jQuery(this).attr("href");
    $("#tomb .target img").attr("src", changeSrc);
    return false;
  });
});
Retrieved from "http://2009.igem.org/User:KazutoIKEDA/wiki/change-image.js"