Difference between revisions of "Team:Pasteur Paris"

Line 4: Line 4:
 
<script type="text/javascript">
 
<script type="text/javascript">
 
$(document).ready(function(){
 
$(document).ready(function(){
 +
                  //Hover the item1 => Hide front and hide others items
 
                   $('.Item1').hover(function(){
 
                   $('.Item1').hover(function(){
−
        //$(this).children('.front').stop().animate({'top' : '-150px'}, 500);
 
 
        $('.front').stop().animate({'top' : '-150px'}, 500);
 
        $('.front').stop().animate({'top' : '-150px'}, 500);
−
}, function(){$('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 500);});
+
        $('#desc_item2').stop().animate({'top' : '-150px'}, 0);
 +
}, function(){
 +
                //Unhover items => show everything
 +
                    $('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 500);
 +
                    $('#desc_item1').stop().animate({'top' : '0px', 'left' : '0px'}, 0);
 +
    $('#desc_item2').stop().animate({'top' : '0px', 'left' : '0px'}, 0);
 +
                });
 
});
 
});
 
</script>
 
</script>
Line 26: Line 32:
 
         </div>
 
         </div>
 
         <div class="row">
 
         <div class="row">
−
           <div class="col-md-12" id="itemMenuElement" style="background-image: url(http://img15.hostingpics.net/pics/625085plasticasianbottlebydrewpalmer04.jpg);">
+
           <div class="col-md-12 Item2" id="itemMenuElement" style="background-image: url(http://img15.hostingpics.net/pics/625085plasticasianbottlebydrewpalmer04.jpg);">
 
                   Item 2
 
                   Item 2
 
           </div>
 
           </div>
Line 36: Line 42:
 
         <div class="row">
 
         <div class="row">
 
           <div class="col-md-12 wrap" id="itemDesc">
 
           <div class="col-md-12 wrap" id="itemDesc">
−
                <div class="sleek" id="desc_item1">Description of the item 1 in construction.</div>
+
                <!-- Several div of Items -->
−
                 <!-- <img class="sleek" src="http://img15.hostingpics.net/pics/625085plasticasianbottlebydrewpalmer04.jpg"/> -->
+
                <div class="sleek" id="desc_item1">Description of the item 1 in construction.</div>
 +
                 <div class="sleek" id="desc_item2">Description of the item 2 in construction.</div>
 +
                <!-- Div of the front description -->
 
                 <div class="sleek front">Description in construction</div>
 
                 <div class="sleek front">Description in construction</div>
−
                <!-- <img class="sleek front" src="http://img15.hostingpics.net/pics/625085plasticasianbottlebydrewpalmer04.jpg" /> -->
 
 
           </div>
 
           </div>
 
         </div>
 
         </div>

Revision as of 09:18, 30 July 2015

Presentation video of our project, PlastiCure!
Made by iGEM IONIS, during the Parisian Meet-up!

Item 1
Item 2
Description of the item 1 in construction.
Description of the item 2 in construction.
Description in construction