"
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
