Team:USP-UNESP-Brazil/Templates/Header

From 2012.igem.org

(Difference between revisions)
Line 18: Line 18:
<div id="head">
<div id="head">
-
     <img class="images" src="https://static.igem.org/mediawiki/2012/e/e8/IntroImage.png" alt="Introduction"/>
+
     <a href="https://2012.igem.org/Team:USP-UNESP-Brazil">
-
     <img class="images" src="https://static.igem.org/mediawiki/2012/f/f5/POImage.png" alt="Project Overview"/>
+
        <img class="images" src="https://static.igem.org/mediawiki/2012/e/e8/IntroImage.png" alt="Introduction"/>
-
     <img class="images" src="https://static.igem.org/mediawiki/2012/2/2a/PPPImage.png" alt="Plasmid Plug'nPlay"/>
+
        <div class="titles">Introduction</div>
-
     <img class="images" src="https://static.igem.org/mediawiki/2012/1/1c/MANImage.png" alt="Memory Associative Network"/>
+
     </a>
-
     <img class="images" src="https://static.igem.org/mediawiki/2012/3/36/ExtraImage.png" alt="Extras"/>
+
    <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Project">
 +
        <img class="images" src="https://static.igem.org/mediawiki/2012/f/f5/POImage.png" alt="Project Overview"/>
 +
        <div class="titles">Project Overview</div>
 +
     </a>
 +
    <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Plasmid_Plug_n_Play/Introduction">
 +
        <img class="images" src="https://static.igem.org/mediawiki/2012/2/2a/PPPImage.png" alt="Plasmid Plug'nPlay"/>
 +
        <div class="titles">Plasmid Plug'n Play</div>
 +
     </a>
 +
    <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Associative_Memory/Introduction">
 +
        <img class="images" src="https://static.igem.org/mediawiki/2012/1/1c/MANImage.png" alt="Memory Associative Network"/>
 +
        <div class="titles">Associative Memory</br>Network</div>
 +
     </a>
 +
    <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Associative_Memory/Introduction">
 +
        <img class="images" src="https://static.igem.org/mediawiki/2012/3/36/ExtraImage.png" alt="Extras"/>
 +
        <div class="titles">Extras</div>
 +
    </a>
</div>
</div>
Line 54: Line 69:
 
 
            //show first item
            //show first item
-
            $('.images').eq(currentItem).fadeIn(initialFadeIn);
+
            $('.images','.titles').eq(currentItem).fadeIn(initialFadeIn);
 
 
            //loop through the items
            //loop through the items
            var infiniteLoop = setInterval(function(){
            var infiniteLoop = setInterval(function(){
-
                $('.images').eq(currentItem).fadeOut(fadeTime);
+
                $('.images','.titles').eq(currentItem).fadeOut(fadeTime);
 
 
                if(currentItem == numberOfItems -1){
                if(currentItem == numberOfItems -1){
Line 65: Line 80:
                    currentItem++;
                    currentItem++;
                }
                }
-
                $('.images').eq(currentItem).fadeIn(fadeTime);
+
                $('.images','.titles').eq(currentItem).fadeIn(fadeTime);
 
 
            }, itemInterval);
            }, itemInterval);

Revision as of 03:02, 24 September 2012