User:KazutoIKEDA/wiki/change-image.js

From 2009.igem.org

(Difference between revisions)
Line 9: Line 9:
         })
         })
     .click( function() {
     .click( function() {
-
        $("#bunny .obj").fadeIn("slow");
+
 
-
         return false;
+
var changeSrc = $(this).attr("href");
 +
    $("#bunny .obj").fadeOut(
 +
      "slow",
 +
      function() {
 +
        $(this).attr("src", changeSrc);
 +
         $(this).fadeIn("slow");
 +
      }
 +
    );
 +
    return false;
     });
     });
});
});

Revision as of 22:39, 21 October 2009

$(document).ready( function() {
    $(".thumbnail a")
    .hover( 
        function(){// マウスオーバー時
            $(this).fadeTo(200, 0.7);
        },
        function(){// マウスアウト時
            $(this).fadeTo(500, 1.0);
        })
    .click( function() {

var changeSrc = $(this).attr("href");
    $("#bunny .obj").fadeOut(
      "slow",
      function() {
        $(this).attr("src", changeSrc);
        $(this).fadeIn("slow");
      }
    );
    return false;
    });
});

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){
document.obj1.src = "https://static.igem.org/mediawiki/2009/7/74/Mandala3.jpg";
}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/2/2c/Mandala1.jpg";
}else if(val==2){
document.obj5.src = "https://static.igem.org/mediawiki/2009/a/af/Mandala2.jpg";
}else if(val==3){
document.obj5.src = "https://static.igem.org/mediawiki/2009/7/74/Mandala3.jpg";
}else if(val==4){
document.obj5.src = "https://static.igem.org/mediawiki/2009/e/e8/Mandala4.jpg";
}else if(val==5){
document.obj5.src = "https://static.igem.org/mediawiki/2009/6/61/Mandala5.jpg";
}else if(val==6){
document.obj5.src = "https://static.igem.org/mediawiki/2009/e/e0/Mandala6.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";
}
}