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'});
+
$('.gallery-item a').attr('rel', 'gallery');
-
$('div.gallery-content').css('display', 'block');
+
-
// Initially set opacity on thumbs and add
+
$("a[rel=gallery]").fancybox({
-
// additional styling for hover effect on thumbs
+
'transitionIn' : 'elastic',
-
var onMouseOutOpacity = 0.67;
+
'transitionOut' : 'elastic',
-
$('#gallery ul.gallery-thumbs li').opacityrollover({
+
'easingIn'     : 'easeOutBack',
-
mouseOutOpacity:  onMouseOutOpacity,
+
'easingOut'     : 'easeInBack'
-
mouseOverOpacity:  1.0,
+
'titlePosition' : 'over',
-
fadeSpeed:        'fast',
+
'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
-
exemptionSelector: '.selected'
+
    return '<span id="fancybox-title-over">Image ' (currentIndex + 1) + ' / ' + currentArray.length + ' ' + title + '</span>';
-
});
+
}
-
+
});
-
// 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:              '&lsaquo; Previous Photo',
+
-
nextLinkText:             'Next Photo &rsaquo;',
+
-
nextPageLinkText:          'Next &rsaquo;',
+
-
prevPageLinkText:         '&lsaquo; 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:28, 28 August 2010

UCL IGEM 2010