74 lines
2.3 KiB
JavaScript
74 lines
2.3 KiB
JavaScript
/* Script for the Meteor Slides 1.5.6 slideshow
|
|
|
|
Copy "slideshow.js" from "/meteor-slides/js/" to your theme's directory to replace
|
|
the plugin's default slideshow script.
|
|
|
|
Learn more about customizing the slideshow script for Meteor Slides:
|
|
http://www.jleuze.com/plugins/meteor-slides/customizing-the-slideshow-script/
|
|
*/
|
|
|
|
// Set custom shortcut to avoid conflicts
|
|
var $j = jQuery.noConflict();
|
|
|
|
$j(document).ready(function() {
|
|
|
|
// Get the slideshow options
|
|
var $slidespeed = parseInt( meteorslidessettings.meteorslideshowspeed );
|
|
var $slidetimeout = parseInt( meteorslidessettings.meteorslideshowduration );
|
|
var $slideheight = parseInt( meteorslidessettings.meteorslideshowheight );
|
|
var $slidewidth = parseInt( meteorslidessettings.meteorslideshowwidth );
|
|
var $slidetransition = meteorslidessettings.meteorslideshowtransition;
|
|
|
|
// Setup jQuery Cycle
|
|
$j('.meteor-slides').cycle({
|
|
cleartypeNoBg: true,
|
|
fit: 1,
|
|
fx: $slidetransition,
|
|
height: $slideheight,
|
|
next: '#meteor-next',
|
|
pager: '#meteor-buttons',
|
|
pagerEvent: 'click',
|
|
pause: 1,
|
|
prev: '#meteor-prev',
|
|
slideExpr: '.mslide',
|
|
speed: $slidespeed,
|
|
timeout: $slidetimeout,
|
|
width: $slidewidth
|
|
});
|
|
|
|
// Setup jQuery TouchWipe
|
|
$j('.meteor-slides').touchwipe({
|
|
wipeLeft: function() {
|
|
$j('.meteor-slides').cycle('next');
|
|
},
|
|
wipeRight: function() {
|
|
$j('.meteor-slides').cycle('prev');
|
|
},
|
|
preventDefaultEvents: false
|
|
});
|
|
|
|
// Add class to hide and show prev/next nav on hover
|
|
$j('.meteor-slides').hover(function () {
|
|
$j(this).addClass('navhover');
|
|
}, function () {
|
|
$j(this).removeClass('navhover');
|
|
});
|
|
|
|
// Set a fixed height for prev/next nav in IE6
|
|
if(typeof document.body.style.maxWidth === 'undefined') {
|
|
$j('.meteor-nav a').height($slideheight);
|
|
}
|
|
|
|
// Add align class if set in metadata
|
|
$j('.meteor-slides').each(function () {
|
|
meteormetadata = $j(this).metadata();
|
|
if (meteormetadata.align == 'left') {
|
|
$j(this).addClass('meteor-left');
|
|
} else if (meteormetadata.align == 'right') {
|
|
$j(this).addClass('meteor-right');
|
|
} else if (meteormetadata.align == 'center') {
|
|
$j(this).addClass('meteor-center');
|
|
}
|
|
});
|
|
|
|
}); |