"
Team:Cornell/testing/outreach
From 2012.igem.org
(Difference between revisions)
| (2 intermediate revisions not shown) | |||
| Line 7: | Line 7: | ||
<!--<![endif]--> | <!--<![endif]--> | ||
<div class="row main-image"> | <div class="row main-image"> | ||
| - | <div class="twelve columns"> | + | <div class="twelve columns no-pad" style="margin-bottom:20px;"> |
| - | <img src="https://static.igem.org/mediawiki/igem.org/3/ | + | <div id="homepage-slideshow"> |
| + | <img src="https://static.igem.org/mediawiki/2012/0/0b/CornellFloatingClassroom1.jpeg" /> | ||
| + | <img src="https://static.igem.org/mediawiki/2012/8/86/CornellFloatingClassroom2.jpeg" /> | ||
| + | <img src="https://static.igem.org/mediawiki/2012/c/c3/CornellPSP1.jpeg" /> | ||
| + | <img src="https://static.igem.org/mediawiki/2012/f/ff/CornellCIBT.jpeg" /> | ||
| + | <img src="https://static.igem.org/mediawiki/2012/3/37/CornellScienceCenter.jpeg" /> | ||
| + | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 77: | Line 83: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(window).load(function() { | $(window).load(function() { | ||
| + | $('#homepage-slideshow').orbit({ | ||
| + | animation : 'horizontal-push', // fade, horizontal-slide, vertical-slide, horizontal-push | ||
| + | animationSpeed : 800, // how fast animtions are | ||
| + | timer : true, // true or false to have the timer | ||
| + | resetTimerOnClick : false, // true resets the timer instead of pausing slideshow progress | ||
| + | advanceSpeed : 8000, // if timer is enabled, time between transitions | ||
| + | pauseOnHover : false, // if you hover pauses the slider | ||
| + | startClockOnMouseOut : false, // if clock should start on MouseOut | ||
| + | startClockOnMouseOutAfter : 1000, // how long after MouseOut should the timer start again | ||
| + | directionalNav : true, // manual advancing directional navs | ||
| + | captions : false, // do you want captions? | ||
| + | captionAnimation : 'fade', // fade, slideOpen, none | ||
| + | captionAnimationSpeed : 400, // if so how quickly should they animate in | ||
| + | bullets : true, // true or false to activate the bullet navigation | ||
| + | bulletThumbs : false, // thumbnails for the bullets | ||
| + | bulletThumbLocation : '', // location from this file where thumbs will be | ||
| + | afterSlideChange : function() { | ||
| + | }, // empty function | ||
| + | fluid : true // or set a aspect ratio for content slides (ex: '4x3') | ||
| + | }); | ||
$('li.pg-outreach').addClass('active'); | $('li.pg-outreach').addClass('active'); | ||
}); | }); | ||
Latest revision as of 04:51, 16 October 2012
