User:KazutoIKEDA/wiki/change-image.js
From 2009.igem.org
(Difference between revisions)
KazutoIKEDA (Talk | contribs) |
KazutoIKEDA (Talk | contribs) |
||
Line 8: | Line 8: | ||
$(this).fadeTo(500, 1.0); | $(this).fadeTo(500, 1.0); | ||
}) | }) | ||
- | + | ||
- | $(". | + | }); |
- | + | ||
- | function() { | + | function test(val) { |
- | document. | + | $(".obj1").fadeOut("slow", |
+ | function(val) { | ||
+ | document.obj1.src = "https://static.igem.org/mediawiki/2009/7/74/Mandala3.jpg"; | ||
$(this).fadeIn("slow"); | $(this).fadeIn("slow"); | ||
} | } | ||
); | ); | ||
- | + | } | |
- | + | ||
- | + | ||
function showimg1(val){ | function showimg1(val){ | ||
Line 26: | Line 26: | ||
document.obj1.src = "https://static.igem.org/mediawiki/2009/a/af/Mandala2.jpg"; | document.obj1.src = "https://static.igem.org/mediawiki/2009/a/af/Mandala2.jpg"; | ||
}else if(val==3){ | }else if(val==3){ | ||
- | + | test(3); | |
}else if(val==4){ | }else if(val==4){ | ||
document.obj1.src = "https://static.igem.org/mediawiki/2009/e/e8/Mandala4.jpg"; | document.obj1.src = "https://static.igem.org/mediawiki/2009/e/e8/Mandala4.jpg"; |
Revision as of 02:38, 22 October 2009
$(document).ready( function() { $(".thumbnail img") .hover( function(){// マウスオーバー時 $(this).fadeTo(200, 0.7); }, function(){// マウスアウト時 $(this).fadeTo(500, 1.0); }) }); function test(val) { $(".obj1").fadeOut("slow", function(val) { document.obj1.src = "https://static.igem.org/mediawiki/2009/7/74/Mandala3.jpg"; $(this).fadeIn("slow"); } ); } function showimg1(val){ if(val==1){ document.obj1.src = "https://static.igem.org/mediawiki/2009/2/2c/Mandala1.jpg"; }else if(val==2){ document.obj1.src = "https://static.igem.org/mediawiki/2009/a/af/Mandala2.jpg"; }else if(val==3){ test(3); }else if(val==4){ document.obj1.src = "https://static.igem.org/mediawiki/2009/e/e8/Mandala4.jpg"; }else if(val==5){ document.obj1.src = "https://static.igem.org/mediawiki/2009/6/61/Mandala5.jpg"; }else if(val==6){ document.obj1.src = "https://static.igem.org/mediawiki/2009/e/e0/Mandala6.jpg"; } } function showimg2(val){ if(val==1){ document.obj2.src = "https://static.igem.org/mediawiki/2009/4/40/Mario1.gif"; }else if(val==2){ document.obj2.src = "https://static.igem.org/mediawiki/2009/b/be/Mario2.jpg"; }else if(val==3){ document.obj2.src = "https://static.igem.org/mediawiki/2009/0/0e/Mario3.jpg"; }else if(val==4){ document.obj2.src = "https://static.igem.org/mediawiki/2009/d/d0/Invader1.jpg"; }else if(val==5){ document.obj2.src = "https://static.igem.org/mediawiki/2009/6/60/Invader2.jpg"; }else if(val==6){ document.obj2.src = "https://static.igem.org/mediawiki/2009/1/1b/Invader3.jpg"; } } function showimg3(val){ if(val==1){ document.obj3.src = "https://static.igem.org/mediawiki/2009/b/bb/Pyramid1.jpg"; }else if(val==2){ document.obj3.src = "https://static.igem.org/mediawiki/2009/3/30/Pyramid2.jpg"; }else if(val==3){ document.obj3.src = "https://static.igem.org/mediawiki/2009/1/1c/Pyramid3.jpg"; }else if(val==4){ document.obj3.src = "https://static.igem.org/mediawiki/2009/7/7a/Pyramid4.jpg"; }else if(val==5){ document.obj3.src = "https://static.igem.org/mediawiki/2009/9/97/Pyramid5.jpg"; }else if(val==6){ document.obj3.src = "https://static.igem.org/mediawiki/2009/b/bf/Pyramid6.jpg"; } } function showimg4(val){ if(val==1){ document.obj4.src = "https://static.igem.org/mediawiki/2009/e/e0/Cocktail1.jpg"; }else if(val==2){ document.obj4.src = "https://static.igem.org/mediawiki/2009/f/ff/Cocktail2.jpg"; }else if(val==3){ document.obj4.src = "https://static.igem.org/mediawiki/2009/7/71/Cocktail3.jpg"; }else if(val==4){ document.obj4.src = "https://static.igem.org/mediawiki/2009/d/d8/Cocktail4.jpg"; }else if(val==5){ document.obj4.src = "https://static.igem.org/mediawiki/2009/d/d7/Cocktail5.jpg"; }else if(val==6){ document.obj4.src = "https://static.igem.org/mediawiki/2009/6/6d/Cocktail6.jpg"; } } function showimg5(val){ if(val==1){ document.obj5.src = "https://static.igem.org/mediawiki/2009/b/b4/GFP_paper_bunny1.jpg"; }else if(val==2){ document.obj5.src = "https://static.igem.org/mediawiki/2009/3/3b/GFP_paper_bunny2.jpg"; }else if(val==3){ document.obj5.src = "https://static.igem.org/mediawiki/2009/7/7c/GFP_paper_bunny3.jpg"; }else if(val==4){ document.obj5.src = "https://static.igem.org/mediawiki/2009/6/67/GFP_paper_bunny4.jpg"; }else if(val==5){ document.obj5.src = "https://static.igem.org/mediawiki/2009/a/a3/GFP_paper_bunny5.jpg"; }else if(val==6){ document.obj5.src = "https://static.igem.org/mediawiki/2009/0/03/GFP_paper_bunny6.jpg"; } } function showimg6(val){ if(val==1){ document.obj6.src = "https://static.igem.org/mediawiki/2009/2/2c/Mandala1.jpg"; }else if(val==2){ document.obj6.src = "https://static.igem.org/mediawiki/2009/a/af/Mandala2.jpg"; }else if(val==3){ document.obj6.src = "https://static.igem.org/mediawiki/2009/7/74/Mandala3.jpg"; }else if(val==4){ document.obj6.src = "https://static.igem.org/mediawiki/2009/e/e8/Mandala4.jpg"; }else if(val==5){ document.obj6.src = "https://static.igem.org/mediawiki/2009/6/61/Mandala5.jpg"; }else if(val==6){ document.obj6.src = "https://static.igem.org/mediawiki/2009/e/e0/Mandala6.jpg"; } }