Team:UCL London/templates/v2/overall header
From 2010.igem.org
(Difference between revisions)
Line 24: | Line 24: | ||
jQuery('#footer-wiki-2').html(last); | jQuery('#footer-wiki-2').html(last); | ||
- | $( | + | $('div.gallery-navigation').css({'width' : '300px', 'float' : 'left'}); |
+ | $('div.gallery-content').css('display', 'block'); | ||
+ | |||
+ | // Initially set opacity on thumbs and add | ||
+ | // additional styling for hover effect on thumbs | ||
+ | var onMouseOutOpacity = 0.67; | ||
+ | $('#gallery ul.gallery-thumbs li').opacityrollover({ | ||
+ | mouseOutOpacity: onMouseOutOpacity, | ||
+ | mouseOverOpacity: 1.0, | ||
+ | fadeSpeed: 'fast', | ||
+ | exemptionSelector: '.selected' | ||
+ | }); | ||
+ | |||
+ | // Initialize Advanced Galleriffic Gallery | ||
+ | var gallery = $('#gallery').galleriffic({ | ||
+ | delay: 2500, | ||
+ | numThumbs: 15, | ||
+ | preloadAhead: 10, | ||
+ | enableTopPager: true, | ||
+ | enableBottomPager: true, | ||
+ | maxPagesToShow: 7, | ||
+ | imageContainerSel: '#slideshow', | ||
+ | controlsContainerSel: '#controls', | ||
+ | captionContainerSel: '#caption', | ||
+ | loadingContainerSel: '#loading', | ||
+ | renderSSControls: true, | ||
+ | renderNavControls: true, | ||
+ | playLinkText: 'Play Slideshow', | ||
+ | pauseLinkText: 'Pause Slideshow', | ||
+ | prevLinkText: '‹ Previous Photo', | ||
+ | nextLinkText: 'Next Photo ›', | ||
+ | nextPageLinkText: 'Next ›', | ||
+ | prevPageLinkText: '‹ Prev', | ||
+ | enableHistory: false, | ||
+ | autoStart: false, | ||
+ | syncTransitions: true, | ||
+ | defaultTransitionDuration: 900, | ||
+ | onSlideChange: function(prevIndex, nextIndex) { | ||
+ | // 'this' refers to the gallery, which is an extension of $('#thumbs') | ||
+ | this.find('ul.thumbs').children() | ||
+ | .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end() | ||
+ | .eq(nextIndex).fadeTo('fast', 1.0); | ||
+ | }, | ||
+ | onPageTransitionOut: function(callback) { | ||
+ | this.fadeTo('fast', 0.0, callback); | ||
+ | }, | ||
+ | onPageTransitionIn: function() { | ||
+ | this.fadeTo('fast', 1.0); | ||
+ | } | ||
+ | |||
}); | }); |
Revision as of 00:36, 26 August 2010