|
|
Line 7: |
Line 7: |
| <!--<![endif]--> | | <!--<![endif]--> |
| <div class="row main-image"> | | <div class="row main-image"> |
- | <div class="twelve columns no-pad" style="margin-bottom:20px;"> | + | <div class="twelve columns"> |
- | <div id="homepage-slideshow"> | + | <img src="https://static.igem.org/mediawiki/igem.org/0/0c/Charlie_kid_1000_350.jpg" /> |
- | <img src="https://static.igem.org/mediawiki/2012/0/0b/CornellFloatingClassroom1.jpeg" />
| + | <a class="button radius gallery-button" href="https://2012.igem.org/Team:Cornell/project/gallery">More Photos</a> |
- | <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 83: |
Line 78: |
| <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'); |
| }); | | }); |