|
|
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: '‹ 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);
| + | |
- | }
| + | |
| | | |
- |
| |
- | });
| |
| | | |
| | | |