Team:Cornell/testing/outreach
From 2012.igem.org
(Difference between revisions)
R.Lizarralde (Talk | contribs) |
|||
Line 7: | Line 7: | ||
<!--<![endif]--> | <!--<![endif]--> | ||
<div class="row main-image"> | <div class="row main-image"> | ||
- | + | <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/c/c3/CornellPSP2.jpeg" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/c/c3/CornellPSP3.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 class="row"> | <div class="row"> | ||
Line 77: | Line 83: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(window).load(function() { | $(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'); | ||
}); | }); |
Revision as of 00:50, 4 October 2012