jQuery(document).ready(function($) {
// We only want these styles applied when javascript is enabled $('.gal_content').css('display', 'block'); $('.thumnail_col').css('width', '250px');
// Initialize Advanced Galleriffic Gallery var gallery = $('#thumbs_787_4').galleriffic({ delay: 3500, numThumbs: 12, preloadAhead: 12, enableTopPager: 0, enableBottomPager: false, imageContainerSel: '#slideshow_787_4', controlsContainerSel: '#controls_787_4', captionContainerSel: '#caption_787_4', loadingContainerSel: '#loading_787_4', renderSSControls: true, renderNavControls: true, playLinkText: 'スライドショー開始', pauseLinkText: 'スライドショー停止', prevLinkText: '‹ 前へ', nextLinkText: '次へ ›', nextPageLinkText: '›', prevPageLinkText: '‹', enableHistory: 0, autoStart: 0, enableKeyboardNavigation: true, syncTransitions: 1, defaultTransitionDuration: 300,
onTransitionOut: function(slide, caption, isSync, callback) { slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback); caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0); }, onTransitionIn: function(slide, caption, isSync) { var duration = this.getDefaultTransitionDuration(isSync); slide.fadeTo(duration, 1.0);
// Position the caption at the bottom of the image and set its opacity var slideImage = slide.find('img'); caption.width(slideImage.width()) .css({ //'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40), 'top' : slideImage.outerHeight(), 'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width() }) .fadeTo(duration, 1.0);
}, onPageTransitionOut: function(callback) { this.hide(); setTimeout(callback, 100); // wait a bit }, onPageTransitionIn: function() { var prevPageLink = this.find('a.prev').css('display', 'none'); var nextPageLink = this.find('a.next').css('display', 'none');
// Show appropriate next / prev page links if (this.displayedPage > 0) prevPageLink.css('display', 'block');
var lastPage = this.getNumPages() - 1; if (this.displayedPage < lastPage) nextPageLink.css('display', 'block'); this.fadeTo('fast', 1.0); } }); /**************** Event handlers for custom next / prev page links **********************/ gallery.find('a.prev').click(function(e) { gallery.previousPage(); e.preventDefault(); }); gallery.find('a.next').click(function(e) { gallery.nextPage(); e.preventDefault(); }); });