Team:Warwick/splashScreen

From 2014.igem.org

(Difference between revisions)
Line 20: Line 20:
         #pageWrapper {
         #pageWrapper {
             width: 975px;
             width: 975px;
 +
        }
 +
 +
        .fadingSplashScreen img {
 +
            position: absolsute;
         }
         }
Line 28: Line 32:
         $(document).ready(function(){
         $(document).ready(function(){
-
 
-
            //Preload images.
 
-
            var splashScreenImg_OFF = $('<img />').attr('src', "https://static.igem.org/mediawiki/2014/f/fd/RepliconLogoOFF.png");
 
-
            var splashScreenImg_ON = $('<img />').attr('src', "https://static.igem.org/mediawiki/2014/f/ff/RepliconLogoON.png");
 
-
 
-
            //Insert preloaded 'OFF' image after it finishes loading.
 
-
            $("#splashScreen_div").append(splashScreenImg_OFF);
 
-
 
-
            $("#splashScreen_div").mouseover( function() {
 
-
 
-
              $("#splashScreen_div > img").fadeOut(function() {
 
-
                  $(this).load(function() { $(this).fadeIn(); });
 
-
                  $(this).attr("src", "https://static.igem.org/mediawiki/2014/f/ff/RepliconLogoON.png");
 
-
              });
 
-
 
-
            });
 
-
 
         });
         });
Line 59: Line 46:
         <div id = "splashScreen_div">
         <div id = "splashScreen_div">
-
 
+
            <img class = "fadingSplashScreen" src="https://static.igem.org/mediawiki/2014/f/fd/RepliconLogoON.png">
 +
            <img class = "fadingSplashScreen" src="https://static.igem.org/mediawiki/2014/f/fd/RepliconLogoOFF.png">
         </div>
         </div>

Revision as of 16:00, 25 August 2014

Retrieved from "http://2014.igem.org/Team:Warwick/splashScreen"