first import
This commit is contained in:
@@ -0,0 +1,165 @@
|
||||
/*
|
||||
* AnythingSlider Slide FX 1.5.7 for AnythingSlider v1.7.11+
|
||||
* By Rob Garrison (aka Mottie & Fudgey)
|
||||
* Dual licensed under the MIT and GPL licenses.
|
||||
*/
|
||||
(function($) {
|
||||
$.fn.anythingSliderFx = function(effects, options){
|
||||
|
||||
// variable sizes shouldn't matter - it's just to get an idea to get the elements out of view
|
||||
var wrap = $(this).closest('.anythingSlider'),
|
||||
sliderWidth = wrap.width(),
|
||||
sliderHeight = wrap.height(),
|
||||
getBaseFx = function(s){
|
||||
var size = s, size2;
|
||||
// allow for start and end sizes/dimensions
|
||||
if (s && typeof s === 'string' && s.indexOf(',') > 0) {
|
||||
s = s.split(',');
|
||||
size = $.trim(s[0]); size2 = $.trim(s[1]);
|
||||
}
|
||||
return {
|
||||
// 'name' : [{ inFx: {effects}, { outFx: {effects} }, selector: []]
|
||||
'top' : [{ inFx: { top: 0 }, outFx: { top: '-' + (size || sliderHeight) } }],
|
||||
'bottom' : [{ inFx: { top: 0 }, outFx: { top: (size || sliderHeight) } }],
|
||||
'left' : [{ inFx: { left: 0 }, outFx: { left: '-' + (size || sliderWidth) } }],
|
||||
'right' : [{ inFx: { left: 0 }, outFx: { left: (size || sliderWidth) } }],
|
||||
'fade' : [{ inFx: { opacity: size || 1 }, outFx: { opacity: 0 } }],
|
||||
'expand' : [{ inFx: { width: size2 || '100%', height: size2 || '100%', top: '0%', left: '0%' } , outFx: { width: (size || '10%'), height: (size || '10%'), top: '50%', left: '50%' } }],
|
||||
'grow' : [{ inFx: { top: 0, fontSize: size || '16px', opacity : 1 }, outFx: { top: '-200px', fontSize: size2 || '80px', opacity: 0 } }],
|
||||
'listLR' : [{ inFx: { left: 0, opacity: 1 }, outFx: [{ left: (size || sliderWidth), opacity: 0 }, { left: '-' + (size || sliderWidth), opacity: 0 }], selector: [':odd', ':even'] }],
|
||||
'listRL' : [{ inFx: { left: 0, opacity: 1 }, outFx: [{ left: (size || sliderWidth), opacity: 0 }, { left: '-' + (size || sliderWidth), opacity: 0 }], selector: [':even', ':odd'] }],
|
||||
|
||||
'caption-Top' : [{ inFx: { top: 0, opacity: 0.8 }, outFx: { top: ( '-' + size || -50 ), opacity: 0 } }],
|
||||
'caption-Right' : [{ inFx: { right: 0, opacity: 0.8 }, outFx: { right: ( '-' + size || -150 ), opacity: 0 } }],
|
||||
'caption-Bottom' : [{ inFx: { bottom: 0, opacity: 0.8 }, outFx: { bottom: ( '-' + size || -50 ), opacity: 0 } }],
|
||||
'caption-Left' : [{ inFx: { left: 0, opacity: 0.8 }, outFx: { left: ( '-' + size || -150 ), opacity: 0 } }]
|
||||
};
|
||||
};
|
||||
|
||||
return this.each(function(){
|
||||
|
||||
$(this).data('AnythingSlider').fx = effects; // store fx list to allow dynamic modification
|
||||
|
||||
var defaults = $.extend({
|
||||
easing : 'swing', // Default FX easing
|
||||
timeIn : 400, // Default time for in FX animation
|
||||
timeOut : 350, // Default time for out FX animation - when using predefined FX, this number gets divided by 2
|
||||
stopRepeat : false, // stops repeating FX animation when clicking on the same navigation tab
|
||||
outFxBind : 'slide_init', // When outFx animations are called
|
||||
inFxBind : 'slide_complete' // When inFx animations are called
|
||||
}, options),
|
||||
|
||||
baseFx = getBaseFx(), // get base FX with standard sizes
|
||||
|
||||
// Animate FX
|
||||
animateFx = function(el, opt, isOut, time){
|
||||
if (el.length === 0 || typeof opt === 'undefined') { return; } // no fx
|
||||
var o = opt[0] || opt,
|
||||
s = o[1] || '',
|
||||
// time needs to be a number, not a string
|
||||
t = time || parseInt( ((s === '') ? o.duration : o[0].duration), 10);
|
||||
if (isOut) {
|
||||
// don't change caption position from absolute
|
||||
if (el.css('position') !== 'absolute') { el.css({ position : 'relative' }); }
|
||||
el.stop();
|
||||
// multiple selectors for out animation
|
||||
if (s !== ''){
|
||||
el.filter(opt[1][0]).animate(o[0], { queue : false, duration : t, easing : o[0].easing });
|
||||
el.filter(opt[1][1]).animate(s, { queue : true, duration : t, easing : o[0].easing });
|
||||
return;
|
||||
}
|
||||
}
|
||||
// animation for no extra selectors
|
||||
el.animate(o, { queue : true, duration : t, easing : o.easing });
|
||||
},
|
||||
|
||||
// Extract FX
|
||||
getFx = function(opts, isOut){
|
||||
// example: '.textSlide h3' : [ 'top fade', '200px' '500', 'easeOutBounce' ],
|
||||
var tmp, bfx2,
|
||||
ex = (isOut) ? 'outFx' : 'inFx', // object key
|
||||
bfx = {}, // base effects
|
||||
time = (isOut) ? defaults.timeOut : defaults.timeIn, // default duration settings
|
||||
// split & process multiple built-in effects (e.g. 'top fade')
|
||||
fx = $.trim(opts[0].replace(/\s+/g,' ')).split(' ');
|
||||
|
||||
// look for multiple selectors in the Out effects
|
||||
if (isOut && fx.length === 1 && baseFx.hasOwnProperty(fx) && typeof (baseFx[fx][0].selector) !== 'undefined') {
|
||||
bfx2 = baseFx[fx][0].outFx;
|
||||
// add time and easing to first set, the animation will use it for both
|
||||
bfx2[0].duration = opts[2] || defaults.timeOut;
|
||||
bfx2[0].easing = opts[3] || defaults.easing;
|
||||
return [bfx2, baseFx[fx][0].selector || [] ];
|
||||
}
|
||||
|
||||
// combine base effects
|
||||
$.each(fx, function(i,f){
|
||||
// check if built-in effect exists
|
||||
if (baseFx.hasOwnProperty(f)) {
|
||||
var t = typeof opts[1] === 'undefined' || opts[1] === '',
|
||||
// if size option is defined, get new base fx
|
||||
tmp = (t) ? baseFx : getBaseFx(opts[1]);
|
||||
$.extend(true, bfx, tmp[f][0][ex]);
|
||||
t = opts[2] || bfx.duration || time; // user set time || built-in time || default time set above
|
||||
bfx.duration = (isOut) ? t/2 : t; // out animation time is 1/2 of in time for predefined fx only
|
||||
bfx.easing = isNaN(opts[3]) ? opts[3] || defaults.easing : opts[4] || defaults.easing;
|
||||
}
|
||||
});
|
||||
return [bfx];
|
||||
},
|
||||
|
||||
base = $(this)
|
||||
|
||||
// bind events for "OUT" effects - occur when leaving a page
|
||||
.bind(defaults.outFxBind, function(e, slider){
|
||||
if (defaults.stopRepeat && slider.$lastPage[0] === slider.$targetPage[0]) { return; }
|
||||
var el, elOut, time, page = slider.$lastPage.add( slider.$items.eq(slider.exactPage) ).add( slider.$targetPage ),
|
||||
FX = slider.fx; // allow dynamically added FX
|
||||
if (slider.exactPage === 0) { page = page.add( slider.$items.eq( slider.pages ) ); } // add last (non-cloned) page if on first
|
||||
if (slider.options.animationTime < defaults.timeOut) {
|
||||
time = slider.options.animationTime || defaults.timeOut;
|
||||
}
|
||||
page = page.find('*').andSelf(); // include the panel in the selectors
|
||||
for (el in FX) {
|
||||
if (el === 'outFx') {
|
||||
// process "out" custom effects
|
||||
for (elOut in FX.outFx) {
|
||||
// animate current/last slide, unless it's a clone, then effect the original
|
||||
if (page.filter(elOut).length) { animateFx( page.filter(elOut), FX.outFx[elOut], true); }
|
||||
}
|
||||
} else if (el !== 'inFx') {
|
||||
// Use built-in effects
|
||||
if ($.isArray(FX[el]) && page.filter(el).length) {
|
||||
animateFx( page.filter(el), getFx(FX[el],true), true, time);
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
// bind events for "IN" effects - occurs on target page
|
||||
.bind(defaults.inFxBind, function(e, slider){
|
||||
if (defaults.stopRepeat && slider.$lastPage[0] === slider.$targetPage[0]) { return; }
|
||||
var el, elIn, page = slider.$currentPage.add( slider.$items.eq(slider.exactPage) ),
|
||||
FX = slider.fx; // allow dynamically added FX
|
||||
page = page.find('*').andSelf(); // include the panel in the selectors
|
||||
for (el in FX) {
|
||||
if (el === 'inFx') {
|
||||
// process "in" custom effects
|
||||
for (elIn in FX.inFx) {
|
||||
// animate current page
|
||||
if (page.filter(elIn).length) { animateFx( page.filter(elIn), FX.inFx[elIn], false); }
|
||||
}
|
||||
// Use built-in effects
|
||||
} else if (el !== 'outFx' && $.isArray(FX[el]) && page.filter(el).length) {
|
||||
animateFx( page.filter(el), getFx(FX[el],false), false);
|
||||
}
|
||||
}
|
||||
})
|
||||
.data('AnythingSlider');
|
||||
|
||||
// call gotoPage to trigger intro animation
|
||||
$(window).load(function(){ base.gotoPage(base.currentPage, base.playing); });
|
||||
|
||||
});
|
||||
};
|
||||
})(jQuery);
|
||||
6
sites/all/libraries/AnythingSlider/js/jquery.anythingslider.fx.min.js
vendored
Normal file
6
sites/all/libraries/AnythingSlider/js/jquery.anythingslider.fx.min.js
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
/*
|
||||
* AnythingSlider Slide FX 1.5.7 minified for AnythingSlider v1.7.11+
|
||||
* By Rob Garrison (aka Mottie & Fudgey)
|
||||
* Dual licensed under the MIT and GPL licenses.
|
||||
*/
|
||||
(function(i){i.fn.anythingSliderFx=function(q,r){var n=i(this).closest(".anythingSlider"),g=n.width(),o=n.height(),p=function(c){var a=c,l;c&&typeof c==="string"&&c.indexOf(",")>0&&(c=c.split(","),a=i.trim(c[0]),l=i.trim(c[1]));return{top:[{inFx:{top:0},outFx:{top:"-"+(a||o)}}],bottom:[{inFx:{top:0},outFx:{top:a||o}}],left:[{inFx:{left:0},outFx:{left:"-"+(a||g)}}],right:[{inFx:{left:0},outFx:{left:a||g}}],fade:[{inFx:{opacity:a||1},outFx:{opacity:0}}],expand:[{inFx:{width:l||"100%",height:l||"100%", top:"0%",left:"0%"},outFx:{width:a||"10%",height:a||"10%",top:"50%",left:"50%"}}],grow:[{inFx:{top:0,fontSize:a||"16px",opacity:1},outFx:{top:"-200px",fontSize:l||"80px",opacity:0}}],listLR:[{inFx:{left:0,opacity:1},outFx:[{left:a||g,opacity:0},{left:"-"+(a||g),opacity:0}],selector:[":odd",":even"]}],listRL:[{inFx:{left:0,opacity:1},outFx:[{left:a||g,opacity:0},{left:"-"+(a||g),opacity:0}],selector:[":even",":odd"]}],"caption-Top":[{inFx:{top:0,opacity:0.8},outFx:{top:"-"+a||-50,opacity:0}}],"caption-Right":[{inFx:{right:0, opacity:0.8},outFx:{right:"-"+a||-150,opacity:0}}],"caption-Bottom":[{inFx:{bottom:0,opacity:0.8},outFx:{bottom:"-"+a||-50,opacity:0}}],"caption-Left":[{inFx:{left:0,opacity:0.8},outFx:{left:"-"+a||-150,opacity:0}}]}};return this.each(function(){i(this).data("AnythingSlider").fx=q;var c=i.extend({easing:"swing",timeIn:400,timeOut:350,stopRepeat:!1,outFxBind:"slide_init",inFxBind:"slide_complete"},r),a=p(),l=function(a,b,e,c){if(!(a.length===0||typeof b==="undefined")){var d=b[0]||b,f=d[1]||"",c=c|| parseInt(f===""?d.duration:d[0].duration,10);if(e&&(a.css("position")!=="absolute"&&a.css({position:"relative"}),a.stop(),f!=="")){a.filter(b[1][0]).animate(d[0],{queue:!1,duration:c,easing:d[0].easing});a.filter(b[1][1]).animate(f,{queue:!0,duration:c,easing:d[0].easing});return}a.animate(d,{queue:!0,duration:c,easing:d.easing})}},g=function(k,b){var e,j=b?"outFx":"inFx",d={},f=b?c.timeOut:c.timeIn,h=i.trim(k[0].replace(/\s+/g," ")).split(" ");if(b&&h.length===1&&a.hasOwnProperty(h)&&typeof a[h][0].selector!== "undefined")return e=a[h][0].outFx,e[0].duration=k[2]||c.timeOut,e[0].easing=k[3]||c.easing,[e,a[h][0].selector||[]];i.each(h,function(e,h){if(a.hasOwnProperty(h)){var g=typeof k[1]==="undefined"||k[1]==="",g=g?a:p(k[1]);i.extend(!0,d,g[h][0][j]);g=k[2]||d.duration||f;d.duration=b?g/2:g;d.easing=isNaN(k[3])?k[3]||c.easing:k[4]||c.easing}});return[d]},m=i(this).bind(c.outFxBind,function(a,b){if(!(c.stopRepeat&&b.$lastPage[0]===b.$targetPage[0])){var e,j,d,f=b.$lastPage.add(b.$items.eq(b.exactPage)).add(b.$targetPage), h=b.fx;b.exactPage===0&&(f=f.add(b.$items.eq(b.pages)));b.options.animationTime<c.timeOut&&(d=b.options.animationTime||c.timeOut);f=f.find("*").andSelf();for(e in h)if(e==="outFx")for(j in h.outFx)f.filter(j).length&&l(f.filter(j),h.outFx[j],!0);else e!=="inFx"&&i.isArray(h[e])&&f.filter(e).length&&l(f.filter(e),g(h[e],!0),!0,d)}}).bind(c.inFxBind,function(a,b){if(!(c.stopRepeat&&b.$lastPage[0]===b.$targetPage[0])){var e,j,d=b.$currentPage.add(b.$items.eq(b.exactPage)),f=b.fx,d=d.find("*").andSelf(); for(e in f)if(e==="inFx")for(j in f.inFx)d.filter(j).length&&l(d.filter(j),f.inFx[j],!1);else e!=="outFx"&&i.isArray(f[e])&&d.filter(e).length&&l(d.filter(e),g(f[e],!1),!1)}}).data("AnythingSlider");i(window).load(function(){m.gotoPage(m.currentPage,m.playing)})})}})(jQuery);
|
||||
795
sites/all/libraries/AnythingSlider/js/jquery.anythingslider.js
Normal file
795
sites/all/libraries/AnythingSlider/js/jquery.anythingslider.js
Normal file
@@ -0,0 +1,795 @@
|
||||
/*
|
||||
AnythingSlider v1.7.16
|
||||
Original by Chris Coyier: http://css-tricks.com
|
||||
Get the latest version: https://github.com/ProLoser/AnythingSlider
|
||||
|
||||
To use the navigationFormatter function, you must have a function that
|
||||
accepts two paramaters, and returns a string of HTML text.
|
||||
|
||||
index = integer index (1 based);
|
||||
panel = jQuery wrapped LI item this tab references
|
||||
@return = Must return a string of HTML/Text
|
||||
|
||||
navigationFormatter: function(index, panel){
|
||||
return "Panel #" + index; // This would have each tab with the text 'Panel #X' where X = index
|
||||
}
|
||||
*/
|
||||
|
||||
(function($) {
|
||||
|
||||
$.anythingSlider = function(el, options) {
|
||||
|
||||
var base = this, o;
|
||||
|
||||
// Wraps the ul in the necessary divs and then gives Access to jQuery element
|
||||
base.el = el;
|
||||
base.$el = $(el).addClass('anythingBase').wrap('<div class="anythingSlider"><div class="anythingWindow" /></div>');
|
||||
|
||||
// Add a reverse reference to the DOM object
|
||||
base.$el.data("AnythingSlider", base);
|
||||
|
||||
base.init = function(){
|
||||
|
||||
// Added "o" to be used in the code instead of "base.options" which doesn't get modifed by the compiler - reduces size by ~1k
|
||||
base.options = o = $.extend({}, $.anythingSlider.defaults, options);
|
||||
|
||||
base.initialized = false;
|
||||
if ($.isFunction(o.onBeforeInitialize)) { base.$el.bind('before_initialize', o.onBeforeInitialize); }
|
||||
base.$el.trigger('before_initialize', base);
|
||||
|
||||
// Cache existing DOM elements for later
|
||||
// base.$el = original ul
|
||||
// for wrap - get parent() then closest in case the ul has "anythingSlider" class
|
||||
base.$wrapper = base.$el.parent().closest('div.anythingSlider').addClass('anythingSlider-' + o.theme);
|
||||
base.$window = base.$el.closest('div.anythingWindow');
|
||||
base.win = window;
|
||||
base.$win = $(base.win);
|
||||
|
||||
base.$controls = $('<div class="anythingControls"></div>').appendTo( (o.appendControlsTo !== null && $(o.appendControlsTo).length) ? $(o.appendControlsTo) : base.$wrapper);
|
||||
base.$startStop = $('<a href="#" class="start-stop"></a>');
|
||||
if (o.buildStartStop) {
|
||||
base.$startStop.appendTo( (o.appendStartStopTo !== null && $(o.appendStartStopTo).length) ? $(o.appendStartStopTo) : base.$controls );
|
||||
}
|
||||
base.$nav = $('<ul class="thumbNav" />').appendTo( (o.appendNavigationTo !== null && $(o.appendNavigationTo).length) ? $(o.appendNavigationTo) : base.$controls );
|
||||
|
||||
// Set up a few defaults & get details
|
||||
base.flag = false; // event flag to prevent multiple calls (used in control click/focusin)
|
||||
base.playing = o.autoPlay; // slideshow state; removed "startStopped" option
|
||||
base.slideshow = false; // slideshow flag needed to correctly trigger slideshow events
|
||||
base.hovered = false; // actively hovering over the slider
|
||||
base.panelSize = []; // will contain dimensions and left position of each panel
|
||||
base.currentPage = o.startPanel = parseInt(o.startPanel,10) || 1; // make sure this isn't a string
|
||||
o.changeBy = parseInt(o.changeBy,10) || 1;
|
||||
base.adj = (o.infiniteSlides) ? 0 : 1; // adjust page limits for infinite or limited modes
|
||||
base.width = base.$el.width();
|
||||
base.height = base.$el.height();
|
||||
base.outerPad = [ base.$wrapper.innerWidth() - base.$wrapper.width(), base.$wrapper.innerHeight() - base.$wrapper.height() ];
|
||||
if (o.playRtl) { base.$wrapper.addClass('rtl'); }
|
||||
|
||||
// Expand slider to fit parent
|
||||
if (o.expand) {
|
||||
base.$outer = base.$wrapper.parent();
|
||||
base.$window.css({ width: '100%', height: '100%' }); // needed for Opera
|
||||
base.checkResize();
|
||||
}
|
||||
|
||||
// Build start/stop button
|
||||
if (o.buildStartStop) { base.buildAutoPlay(); }
|
||||
|
||||
// Build forwards/backwards buttons
|
||||
if (o.buildArrows) { base.buildNextBackButtons(); }
|
||||
|
||||
// can't lock autoplay it if it's not enabled
|
||||
if (!o.autoPlay) { o.autoPlayLocked = false; }
|
||||
|
||||
base.updateSlider();
|
||||
|
||||
base.$lastPage = base.$currentPage;
|
||||
|
||||
// Get index (run time) of this slider on the page
|
||||
base.runTimes = $('div.anythingSlider').index(base.$wrapper) + 1;
|
||||
base.regex = new RegExp('panel' + base.runTimes + '-(\\d+)', 'i'); // hash tag regex
|
||||
if (base.runTimes === 1) { base.makeActive(); } // make the first slider on the page active
|
||||
|
||||
// Make sure easing function exists.
|
||||
if (!$.isFunction($.easing[o.easing])) { o.easing = "swing"; }
|
||||
|
||||
// If pauseOnHover then add hover effects
|
||||
if (o.pauseOnHover) {
|
||||
base.$wrapper.hover(function() {
|
||||
if (base.playing) {
|
||||
base.$el.trigger('slideshow_paused', base);
|
||||
base.clearTimer(true);
|
||||
}
|
||||
}, function() {
|
||||
if (base.playing) {
|
||||
base.$el.trigger('slideshow_unpaused', base);
|
||||
base.startStop(base.playing, true);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// If a hash can not be used to trigger the plugin, then go to start panel
|
||||
base.setCurrentPage(base.gotoHash() || o.startPage, false);
|
||||
|
||||
// Hide/Show navigation & play/stop controls
|
||||
base.slideControls(false);
|
||||
base.$wrapper.bind('mouseenter mouseleave', function(e){
|
||||
base.hovered = (e.type === "mouseenter") ? true : false;
|
||||
base.slideControls( base.hovered, false );
|
||||
});
|
||||
|
||||
// Add keyboard navigation
|
||||
$(document).keyup(function(e){
|
||||
// Stop arrow keys from working when focused on form items
|
||||
if (o.enableKeyboard && base.$wrapper.is('.activeSlider') && !e.target.tagName.match('TEXTAREA|INPUT|SELECT')) {
|
||||
if (!o.vertical && (e.which === 38 || e.which === 40)) { return; }
|
||||
switch (e.which) {
|
||||
case 39: case 40: // right & down arrow
|
||||
base.goForward();
|
||||
break;
|
||||
case 37: case 38: // left & up arrow
|
||||
base.goBack();
|
||||
break;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Fix tabbing through the page, but don't change the view if the link is in view (showMultiple = true)
|
||||
base.$items.delegate('a', 'focus.AnythingSlider', function(e){
|
||||
var panel = $(this).closest('.panel'),
|
||||
indx = base.$items.index(panel) + base.adj; // index can be -1 in nested sliders - issue #208
|
||||
base.$items.find('.focusedLink').removeClass('focusedLink');
|
||||
$(this).addClass('focusedLink');
|
||||
base.$window.scrollLeft(0);
|
||||
if ( ( indx !== -1 && (indx >= base.currentPage + o.showMultiple || indx < base.currentPage) ) ) {
|
||||
base.gotoPage(indx);
|
||||
e.preventDefault();
|
||||
}
|
||||
});
|
||||
|
||||
// Binds events
|
||||
var triggers = "slideshow_paused slideshow_unpaused slide_init slide_begin slideshow_stop slideshow_start initialized swf_completed".split(" ");
|
||||
$.each("onShowPause onShowUnpause onSlideInit onSlideBegin onShowStop onShowStart onInitialized onSWFComplete".split(" "), function(i,f){
|
||||
if ($.isFunction(o[f])){
|
||||
base.$el.bind(triggers[i], o[f]);
|
||||
}
|
||||
});
|
||||
if ($.isFunction(o.onSlideComplete)){
|
||||
// Added setTimeout (zero time) to ensure animation is complete... see this bug report: http://bugs.jquery.com/ticket/7157
|
||||
base.$el.bind('slide_complete', function(){
|
||||
setTimeout(function(){ o.onSlideComplete(base); }, 0);
|
||||
});
|
||||
}
|
||||
base.initialized = true;
|
||||
base.$el.trigger('initialized', base);
|
||||
|
||||
// trigger the slideshow
|
||||
base.startStop(base.playing);
|
||||
|
||||
};
|
||||
|
||||
// called during initialization & to update the slider if a panel is added or deleted
|
||||
base.updateSlider = function(){
|
||||
// needed for updating the slider
|
||||
base.$el.children('.cloned').remove();
|
||||
base.$nav.empty();
|
||||
// set currentPage to 1 in case it was zero - occurs when adding slides after removing them all
|
||||
base.currentPage = base.currentPage || 1;
|
||||
|
||||
base.$items = base.$el.children();
|
||||
base.pages = base.$items.length;
|
||||
base.dir = (o.vertical) ? 'top' : 'left';
|
||||
o.showMultiple = (o.vertical) ? 1 : parseInt(o.showMultiple,10) || 1; // only integers allowed
|
||||
o.navigationSize = (o.navigationSize === false) ? 0 : parseInt(o.navigationSize,10) || 0;
|
||||
|
||||
if (o.showMultiple > 1) {
|
||||
if (o.showMultiple > base.pages) { o.showMultiple = base.pages; }
|
||||
base.adjustMultiple = (o.infiniteSlides && base.pages > 1) ? 0 : o.showMultiple - 1;
|
||||
base.pages = base.$items.length - base.adjustMultiple;
|
||||
}
|
||||
|
||||
// Hide navigation & player if there is only one page
|
||||
base.$controls
|
||||
.add(base.$nav)
|
||||
.add(base.$startStop)
|
||||
.add(base.$forward)
|
||||
.add(base.$back)[(base.pages <= 1) ? 'hide' : 'show']();
|
||||
if (base.pages > 1) {
|
||||
// Build/update navigation tabs
|
||||
base.buildNavigation();
|
||||
}
|
||||
|
||||
// Top and tail the list with 'visible' number of items, top has the last section, and tail has the first
|
||||
// This supports the "infinite" scrolling, also ensures any cloned elements don't duplicate an ID
|
||||
// Moved removeAttr before addClass otherwise IE7 ignores the addClass: http://bugs.jquery.com/ticket/9871
|
||||
if (o.infiniteSlides && base.pages > 1) {
|
||||
base.$el.prepend( base.$items.filter(':last').clone().removeAttr('id').addClass('cloned') );
|
||||
// Add support for multiple sliders shown at the same time
|
||||
if (o.showMultiple > 1) {
|
||||
base.$el.append( base.$items.filter(':lt(' + o.showMultiple + ')').clone().removeAttr('id').addClass('cloned').addClass('multiple') );
|
||||
} else {
|
||||
base.$el.append( base.$items.filter(':first').clone().removeAttr('id').addClass('cloned') );
|
||||
}
|
||||
base.$el.find('.cloned').each(function(){
|
||||
// disable all focusable elements in cloned panels to prevent shifting the panels by tabbing
|
||||
$(this).find('a,input,textarea,select,button,area').attr('disabled', 'disabled');
|
||||
$(this).find('[id]').removeAttr('id');
|
||||
});
|
||||
}
|
||||
|
||||
// We just added two items, time to re-cache the list, then get the dimensions of each panel
|
||||
base.$items = base.$el.children().addClass('panel' + (o.vertical ? ' vertical' : ''));
|
||||
base.setDimensions();
|
||||
|
||||
// Set the dimensions of each panel
|
||||
if (o.resizeContents) {
|
||||
base.$items.css('width', base.width);
|
||||
base.$wrapper.css('width', base.getDim(base.currentPage)[0]);
|
||||
base.$wrapper.add(base.$items).css('height', base.height);
|
||||
} else {
|
||||
base.$win.load(function(){ base.setDimensions(); }); // set dimensions after all images load
|
||||
}
|
||||
|
||||
if (base.currentPage > base.pages) {
|
||||
base.currentPage = base.pages;
|
||||
}
|
||||
base.setCurrentPage(base.currentPage, false);
|
||||
base.$nav.find('a').eq(base.currentPage - 1).addClass('cur'); // update current selection
|
||||
|
||||
};
|
||||
|
||||
// Creates the numbered navigation links
|
||||
base.buildNavigation = function() {
|
||||
if (o.buildNavigation && (base.pages > 1)) {
|
||||
var t, $a;
|
||||
base.$items.filter(':not(.cloned)').each(function(i) {
|
||||
var index = i + 1;
|
||||
t = ((index === 1) ? 'first' : '') + ((index === base.pages) ? 'last' : '');
|
||||
$a = $('<a href="#"></a>').addClass('panel' + index).wrap('<li class="' + t + '" />');
|
||||
base.$nav.append($a.parent()); // use $a.parent() so it will add <li> instead of only the <a> to the <ul>
|
||||
|
||||
// If a formatter function is present, use it
|
||||
if ($.isFunction(o.navigationFormatter)) {
|
||||
t = o.navigationFormatter(index, $(this));
|
||||
$a.html('<span>' + t + '</span>');
|
||||
// Add formatting to title attribute if text is hidden
|
||||
if (parseInt($a.find('span').css('text-indent'),10) < 0) { $a.addClass(o.tooltipClass).attr('title', t); }
|
||||
} else {
|
||||
$a.html('<span>' + index + '</span>');
|
||||
}
|
||||
|
||||
$a.bind(o.clickControls, function(e) {
|
||||
if (!base.flag && o.enableNavigation) {
|
||||
// prevent running functions twice (once for click, second time for focusin)
|
||||
base.flag = true; setTimeout(function(){ base.flag = false; }, 100);
|
||||
base.gotoPage(index);
|
||||
if (o.hashTags) { base.setHash(index); }
|
||||
}
|
||||
e.preventDefault();
|
||||
});
|
||||
});
|
||||
|
||||
// Add navigation tab scrolling - use !! in case someone sets the size to zero
|
||||
if (!!o.navigationSize && o.navigationSize < base.pages) {
|
||||
if (!base.$controls.find('.anythingNavWindow').length){
|
||||
base.$nav
|
||||
.before('<ul><li class="prev"><a href="#"><span>' + o.backText + '</span></a></li></ul>')
|
||||
.after('<ul><li class="next"><a href="#"><span>' + o.forwardText + '</span></a></li></ul>')
|
||||
.wrap('<div class="anythingNavWindow"></div>');
|
||||
}
|
||||
// include half of the left position to include extra width from themes like tabs-light and tabs-dark (still not perfect)
|
||||
base.navWidths = base.$nav.find('li').map(function(){
|
||||
return $(this).innerWidth() + Math.ceil(parseInt($(this).find('span').css('left'),10)/2 || 0);
|
||||
}).get();
|
||||
base.navLeft = 1;
|
||||
// add 5 pixels to make sure the tabs don't wrap to the next line
|
||||
base.$nav.width( base.navWidth( 1, base.pages + 1 ) + 5 );
|
||||
base.$controls.find('.anythingNavWindow')
|
||||
.width( base.navWidth( 1, o.navigationSize + 1 ) ).end()
|
||||
.find('.prev,.next').bind(o.clickControls, function(e) {
|
||||
if (!base.flag) {
|
||||
base.flag = true; setTimeout(function(){ base.flag = false; }, 200);
|
||||
base.navWindow( base.navLeft + o.navigationSize * ( $(this).is('.prev') ? -1 : 1 ) );
|
||||
}
|
||||
e.preventDefault();
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
|
||||
base.navWidth = function(x,y){
|
||||
var i, s = Math.min(x,y),
|
||||
e = Math.max(x,y),
|
||||
w = 0;
|
||||
for (i = s; i < e; i++) {
|
||||
w += base.navWidths[i-1] || 0;
|
||||
}
|
||||
return w;
|
||||
};
|
||||
|
||||
base.navWindow = function(n){
|
||||
if (!!o.navigationSize && o.navigationSize < base.pages && base.navWidths) {
|
||||
var p = base.pages - o.navigationSize + 1;
|
||||
n = (n <= 1) ? 1 : (n > 1 && n < p) ? n : p;
|
||||
if (n !== base.navLeft) {
|
||||
base.$controls.find('.anythingNavWindow').animate(
|
||||
{ scrollLeft: base.navWidth(1, n), width: base.navWidth(n, n + o.navigationSize) },
|
||||
{ queue: false, duration: o.animationTime });
|
||||
base.navLeft = n;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// Creates the Forward/Backward buttons
|
||||
base.buildNextBackButtons = function() {
|
||||
base.$forward = $('<span class="arrow forward"><a href="#"><span>' + o.forwardText + '</span></a></span>');
|
||||
base.$back = $('<span class="arrow back"><a href="#"><span>' + o.backText + '</span></a></span>');
|
||||
|
||||
// Bind to the forward and back buttons
|
||||
base.$back.bind(o.clickBackArrow, function(e) {
|
||||
// prevent running functions twice (once for click, second time for swipe)
|
||||
if (o.enableArrows && !base.flag) {
|
||||
base.flag = true; setTimeout(function(){ base.flag = false; }, 100);
|
||||
base.goBack();
|
||||
}
|
||||
e.preventDefault();
|
||||
});
|
||||
base.$forward.bind(o.clickForwardArrow, function(e) {
|
||||
// prevent running functions twice (once for click, second time for swipe)
|
||||
if (o.enableArrows && !base.flag) {
|
||||
base.flag = true; setTimeout(function(){ base.flag = false; }, 100);
|
||||
base.goForward();
|
||||
}
|
||||
e.preventDefault();
|
||||
});
|
||||
// using tab to get to arrow links will show they have focus (outline is disabled in css)
|
||||
base.$back.add(base.$forward).find('a').bind('focusin focusout',function(){
|
||||
$(this).toggleClass('hover');
|
||||
});
|
||||
|
||||
// Append elements to page
|
||||
base.$back.appendTo( (o.appendBackTo !== null && $(o.appendBackTo).length) ? $(o.appendBackTo) : base.$wrapper );
|
||||
base.$forward.appendTo( (o.appendForwardTo !== null && $(o.appendForwardTo).length) ? $(o.appendForwardTo) : base.$wrapper );
|
||||
|
||||
base.$arrowWidth = base.$forward.width(); // assuming the left & right arrows are the same width - used for toggle
|
||||
};
|
||||
|
||||
// Creates the Start/Stop button
|
||||
base.buildAutoPlay = function(){
|
||||
base.$startStop
|
||||
.html('<span>' + (base.playing ? o.stopText : o.startText) + '</span>')
|
||||
.bind(o.clickSlideshow, function(e) {
|
||||
if (o.enableStartStop) {
|
||||
base.startStop(!base.playing);
|
||||
base.makeActive();
|
||||
if (base.playing && !o.autoPlayDelayed) {
|
||||
base.goForward(true);
|
||||
}
|
||||
}
|
||||
e.preventDefault();
|
||||
})
|
||||
// show button has focus while tabbing
|
||||
.bind('focusin focusout',function(){
|
||||
$(this).toggleClass('hover');
|
||||
});
|
||||
};
|
||||
|
||||
// Adjust slider dimensions on parent element resize
|
||||
base.checkResize = function(stopTimer){
|
||||
clearTimeout(base.resizeTimer);
|
||||
base.resizeTimer = setTimeout(function(){
|
||||
var w = base.$outer.width() - base.outerPad[0],
|
||||
h = (base.$outer[0].tagName === "BODY" ? base.$win.height() : base.$outer.height()) - base.outerPad[1];
|
||||
// base.width = width of one panel, so multiply by # of panels; outerPad is padding added for arrows.
|
||||
if (base.width * o.showMultiple !== w || base.height !== h) {
|
||||
base.setDimensions(); // adjust panel sizes
|
||||
// make sure page is lined up (use -1 animation time, so we can differeniate it from when animationTime = 0)
|
||||
base.gotoPage(base.currentPage, base.playing, null, -1);
|
||||
}
|
||||
if (typeof(stopTimer) === 'undefined'){ base.checkResize(); }
|
||||
}, 500);
|
||||
};
|
||||
|
||||
// Set panel dimensions to either resize content or adjust panel to content
|
||||
base.setDimensions = function(){
|
||||
var w, h, c, edge = 0,
|
||||
fullsize = { width: '100%', height: '100%' },
|
||||
// determine panel width
|
||||
pw = (o.showMultiple > 1) ? base.width || base.$window.width()/o.showMultiple : base.$window.width(),
|
||||
winw = base.$win.width();
|
||||
if (o.expand){
|
||||
w = base.$outer.width() - base.outerPad[0];
|
||||
base.height = h = base.$outer.height() - base.outerPad[1];
|
||||
base.$wrapper.add(base.$window).add(base.$items).css({ width: w, height: h });
|
||||
base.width = pw = (o.showMultiple > 1) ? w/o.showMultiple : w;
|
||||
}
|
||||
base.$items.each(function(i){
|
||||
c = $(this).children();
|
||||
if (o.resizeContents){
|
||||
// resize panel
|
||||
w = base.width;
|
||||
h = base.height;
|
||||
$(this).css({ width: w, height: h });
|
||||
if (c.length) {
|
||||
if (c[0].tagName === "EMBED") { c.attr(fullsize); } // needed for IE7; also c.length > 1 in IE7
|
||||
if (c[0].tagName === "OBJECT") { c.find('embed').attr(fullsize); }
|
||||
// resize panel contents, if solitary (wrapped content or solitary image)
|
||||
if (c.length === 1){ c.css(fullsize); }
|
||||
}
|
||||
} else {
|
||||
// get panel width & height and save it
|
||||
w = $(this).width() || base.width; // if image hasn't finished loading, width will be zero, so set it to base width instead
|
||||
if (c.length === 1 && w >= winw){
|
||||
w = (c.width() >= winw) ? pw : c.width(); // get width of solitary child
|
||||
c.css('max-width', w); // set max width for all children
|
||||
}
|
||||
$(this).css('width', w); // set width of panel
|
||||
h = (c.length === 1 ? c.outerHeight(true) : $(this).height()); // get height after setting width
|
||||
if (h <= base.outerPad[1]) { h = base.height; } // if height less than the outside padding, then set it to the preset height
|
||||
$(this).css('height', h);
|
||||
}
|
||||
base.panelSize[i] = [w,h,edge];
|
||||
edge += (o.vertical) ? h : w;
|
||||
});
|
||||
// Set total width of slider, Note that this is limited to 32766 by Opera - option removed
|
||||
base.$el.css((o.vertical ? 'height' : 'width'), edge);
|
||||
};
|
||||
|
||||
// get dimension of multiple panels, as needed
|
||||
base.getDim = function(page){
|
||||
if (base.pages < 1 || isNaN(page)) { return [ base.width, base.height ]; } // prevent errors when base.panelSize is empty
|
||||
page = (o.infiniteSlides && base.pages > 1) ? page : page - 1;
|
||||
var i,
|
||||
w = base.panelSize[page][0],
|
||||
h = base.panelSize[page][1];
|
||||
if (o.showMultiple > 1) {
|
||||
for (i=1; i < o.showMultiple; i++) {
|
||||
w += base.panelSize[(page + i)%o.showMultiple][0];
|
||||
h = Math.max(h, base.panelSize[page + i][1]);
|
||||
}
|
||||
}
|
||||
return [w,h];
|
||||
};
|
||||
|
||||
base.goForward = function(autoplay) {
|
||||
base.gotoPage(base.currentPage + o.changeBy * (o.playRtl ? -1 : 1), autoplay);
|
||||
};
|
||||
|
||||
base.goBack = function(autoplay) {
|
||||
base.gotoPage(base.currentPage + o.changeBy * (o.playRtl ? 1 : -1), autoplay);
|
||||
};
|
||||
|
||||
base.gotoPage = function(page, autoplay, callback, time) {
|
||||
if (autoplay !== true) {
|
||||
autoplay = false;
|
||||
base.startStop(false);
|
||||
base.makeActive();
|
||||
}
|
||||
// check if page is an id or class name
|
||||
if (/^[#|.]/.test(page) && $(page).length) {
|
||||
page = $(page).closest('.panel').index() + base.adj;
|
||||
}
|
||||
// rewind effect occurs here when changeBy > 1
|
||||
if (o.changeBy !== 1){
|
||||
if (page < 0) { page += base.pages; }
|
||||
if (page > base.pages) { page -= base.pages; }
|
||||
}
|
||||
if (base.pages <= 1) { return; } // prevents animation
|
||||
base.$lastPage = base.$currentPage;
|
||||
if (typeof(page) !== "number") {
|
||||
page = o.startPanel;
|
||||
base.setCurrentPage(page);
|
||||
}
|
||||
|
||||
// pause YouTube videos before scrolling or prevent change if playing
|
||||
if (autoplay && o.isVideoPlaying(base)) { return; }
|
||||
|
||||
if (page > base.pages + 1 - base.adj) { page = (!o.infiniteSlides && !o.stopAtEnd) ? 1 : base.pages; }
|
||||
if (page < base.adj ) { page = (!o.infiniteSlides && !o.stopAtEnd) ? base.pages : 1; }
|
||||
base.currentPage = ( page > base.pages ) ? base.pages : ( page < 1 ) ? 1 : base.currentPage;
|
||||
base.$currentPage = base.$items.eq(base.currentPage - base.adj);
|
||||
base.exactPage = page;
|
||||
base.targetPage = (page === 0) ? base.pages - base.adj : (page > base.pages) ? 1 - base.adj : page - base.adj;
|
||||
base.$targetPage = base.$items.eq( base.targetPage );
|
||||
time = time || o.animationTime;
|
||||
// don't trigger events when time = 1 - to prevent FX from firing multiple times on page resize
|
||||
if (time >= 0) { base.$el.trigger('slide_init', base); }
|
||||
|
||||
base.slideControls(true, false);
|
||||
|
||||
// When autoplay isn't passed, we stop the timer
|
||||
if (autoplay !== true) { autoplay = false; }
|
||||
// Stop the slider when we reach the last page, if the option stopAtEnd is set to true
|
||||
if (!autoplay || (o.stopAtEnd && page === base.pages)) { base.startStop(false); }
|
||||
|
||||
if (time >= 0) { base.$el.trigger('slide_begin', base); }
|
||||
|
||||
// delay starting slide animation
|
||||
setTimeout(function(d){
|
||||
// resize slider if content size varies
|
||||
if (!o.resizeContents) {
|
||||
// animating the wrapper resize before the window prevents flickering in Firefox
|
||||
d = base.getDim(page);
|
||||
base.$wrapper.filter(':not(:animated)').animate(
|
||||
// prevent animating a dimension to zero
|
||||
{ width: d[0] || base.width, height: d[1] || base.height },
|
||||
{ queue: false, duration: (time < 0 ? 0 : time), easing: o.easing }
|
||||
);
|
||||
}
|
||||
d = {};
|
||||
d[base.dir] = -base.panelSize[(o.infiniteSlides && base.pages > 1) ? page : page - 1][2];
|
||||
// Animate Slider
|
||||
base.$el.filter(':not(:animated)').animate(
|
||||
d, { queue: false, duration: time, easing: o.easing, complete: function(){ base.endAnimation(page, callback, time); } }
|
||||
);
|
||||
}, parseInt(o.delayBeforeAnimate, 10) || 0);
|
||||
};
|
||||
|
||||
base.endAnimation = function(page, callback, time){
|
||||
if (page === 0) {
|
||||
base.$el.css( base.dir, -base.panelSize[base.pages][2]);
|
||||
page = base.pages;
|
||||
} else if (page > base.pages) {
|
||||
// reset back to start position
|
||||
base.$el.css( base.dir, -base.panelSize[1][2]);
|
||||
page = 1;
|
||||
}
|
||||
base.exactPage = page;
|
||||
base.setCurrentPage(page, false);
|
||||
// Add active panel class
|
||||
base.$items.removeClass('activePage').eq(page - base.adj).addClass('activePage');
|
||||
|
||||
if (!base.hovered) { base.slideControls(false); }
|
||||
|
||||
if (time >= 0) { base.$el.trigger('slide_complete', base); }
|
||||
// callback from external slide control: $('#slider').anythingSlider(4, function(slider){ })
|
||||
if (typeof callback === 'function') { callback(base); }
|
||||
|
||||
// Continue slideshow after a delay
|
||||
if (o.autoPlayLocked && !base.playing) {
|
||||
setTimeout(function(){
|
||||
base.startStop(true);
|
||||
// subtract out slide delay as the slideshow waits that additional time.
|
||||
}, o.resumeDelay - (o.autoPlayDelayed ? o.delay : 0));
|
||||
}
|
||||
};
|
||||
|
||||
base.setCurrentPage = function(page, move) {
|
||||
page = parseInt(page, 10);
|
||||
if (base.pages < 1 || page === 0 || isNaN(page)) { return; }
|
||||
if (page > base.pages + 1 - base.adj) { page = base.pages - base.adj; }
|
||||
if (page < base.adj ) { page = 1; }
|
||||
|
||||
// Set visual
|
||||
if (o.buildNavigation){
|
||||
base.$nav
|
||||
.find('.cur').removeClass('cur').end()
|
||||
.find('a').eq(page - 1).addClass('cur');
|
||||
}
|
||||
|
||||
// hide/show arrows based on infinite scroll mode
|
||||
if (!o.infiniteSlides && o.stopAtEnd){
|
||||
base.$wrapper
|
||||
.find('span.forward')[ page === base.pages ? 'addClass' : 'removeClass']('disabled').end()
|
||||
.find('span.back')[ page === 1 ? 'addClass' : 'removeClass']('disabled');
|
||||
if (page === base.pages && base.playing) { base.startStop(); }
|
||||
}
|
||||
|
||||
// Only change left if move does not equal false
|
||||
if (!move) {
|
||||
var d = base.getDim(page);
|
||||
base.$wrapper
|
||||
.css({ width: d[0], height: d[1] })
|
||||
.add(base.$window).scrollLeft(0); // reset in case tabbing changed this scrollLeft - probably overly redundant
|
||||
base.$el.css( base.dir, -base.panelSize[(o.infiniteSlides && base.pages > 1) ? page : page - 1][2] );
|
||||
}
|
||||
// Update local variable
|
||||
base.currentPage = page;
|
||||
base.$currentPage = base.$items.removeClass('activePage').eq(page - base.adj).addClass('activePage');
|
||||
|
||||
};
|
||||
|
||||
base.makeActive = function(){
|
||||
// Set current slider as active so keyboard navigation works properly
|
||||
if (!base.$wrapper.is('.activeSlider')){
|
||||
$('.activeSlider').removeClass('activeSlider');
|
||||
base.$wrapper.addClass('activeSlider');
|
||||
}
|
||||
};
|
||||
|
||||
// This method tries to find a hash that matches an ID and panel-X
|
||||
// If either found, it tries to find a matching item
|
||||
// If that is found as well, then it returns the page number
|
||||
base.gotoHash = function(){
|
||||
var h = base.win.location.hash,
|
||||
i = h.indexOf('&'),
|
||||
n = h.match(base.regex);
|
||||
if (n === null && !/^#&/.test(h)) {
|
||||
// #quote2&panel1-3&panel3-3
|
||||
h = h.substring(0, (i >= 0 ? i : h.length));
|
||||
// ensure the element is in the same slider
|
||||
n = ($(h).closest('.anythingBase')[0] === base.el) ? $(h).closest('.panel').index() : null;
|
||||
} else if (n !== null) {
|
||||
// #&panel1-3&panel3-3
|
||||
n = (o.hashTags) ? parseInt(n[1],10) : null;
|
||||
}
|
||||
return n;
|
||||
};
|
||||
|
||||
base.setHash = function(n){
|
||||
var s = 'panel' + base.runTimes + '-',
|
||||
h = base.win.location.hash;
|
||||
if ( typeof h !== 'undefined' ) {
|
||||
base.win.location.hash = (h.indexOf(s) > 0) ? h.replace(base.regex, s + n) : h + "&" + s + n;
|
||||
}
|
||||
};
|
||||
|
||||
// Slide controls (nav and play/stop button up or down)
|
||||
base.slideControls = function(toggle){
|
||||
var dir = (toggle) ? 'slideDown' : 'slideUp',
|
||||
t1 = (toggle) ? 0 : o.animationTime,
|
||||
t2 = (toggle) ? o.animationTime: 0,
|
||||
op = (toggle) ? 1 : 0,
|
||||
sign = (toggle) ? 0 : 1; // 0 = visible, 1 = hidden
|
||||
if (o.toggleControls) {
|
||||
base.$controls.stop(true,true).delay(t1)[dir](o.animationTime/2).delay(t2);
|
||||
}
|
||||
if (o.buildArrows && o.toggleArrows) {
|
||||
if (!base.hovered && base.playing) { sign = 1; op = 0; } // don't animate arrows during slideshow
|
||||
base.$forward.stop(true,true).delay(t1).animate({ right: sign * base.$arrowWidth, opacity: op }, o.animationTime/2);
|
||||
base.$back.stop(true,true).delay(t1).animate({ left: sign * base.$arrowWidth, opacity: op }, o.animationTime/2);
|
||||
}
|
||||
};
|
||||
|
||||
base.clearTimer = function(paused){
|
||||
// Clear the timer only if it is set
|
||||
if (base.timer) {
|
||||
base.win.clearInterval(base.timer);
|
||||
if (!paused && base.slideshow) {
|
||||
base.$el.trigger('slideshow_stop', base);
|
||||
base.slideshow = false;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// Pass startStop(false) to stop and startStop(true) to play
|
||||
base.startStop = function(playing, paused) {
|
||||
if (playing !== true) { playing = false; } // Default if not supplied is false
|
||||
base.playing = playing;
|
||||
|
||||
if (playing && !paused) {
|
||||
base.$el.trigger('slideshow_start', base);
|
||||
base.slideshow = true;
|
||||
}
|
||||
|
||||
// Toggle playing and text
|
||||
if (o.buildStartStop) {
|
||||
base.$startStop.toggleClass('playing', playing).find('span').html( playing ? o.stopText : o.startText );
|
||||
// add button text to title attribute if it is hidden by text-indent
|
||||
if (parseInt(base.$startStop.find('span').css('text-indent'),10) < 0) {
|
||||
base.$startStop.addClass(o.tooltipClass).attr( 'title', playing ? o.stopText : o.startText );
|
||||
}
|
||||
}
|
||||
|
||||
// Pause slideshow while video is playing
|
||||
if (playing){
|
||||
base.clearTimer(true); // Just in case this was triggered twice in a row
|
||||
base.timer = base.win.setInterval(function() {
|
||||
// prevent autoplay if video is playing
|
||||
if ( !o.isVideoPlaying(base) ) {
|
||||
base.goForward(true);
|
||||
// stop slideshow if resume if false
|
||||
} else if (!o.resumeOnVideoEnd) {
|
||||
base.startStop();
|
||||
}
|
||||
}, o.delay);
|
||||
} else {
|
||||
base.clearTimer();
|
||||
}
|
||||
};
|
||||
|
||||
// Trigger the initialization
|
||||
base.init();
|
||||
};
|
||||
|
||||
$.anythingSlider.defaults = {
|
||||
// Appearance
|
||||
theme : "default", // Theme name, add the css stylesheet manually
|
||||
expand : false, // If true, the entire slider will expand to fit the parent element
|
||||
resizeContents : true, // If true, solitary images/objects in the panel will expand to fit the viewport
|
||||
vertical : false, // If true, all panels will slide vertically; they slide horizontally otherwise
|
||||
showMultiple : false, // Set this value to a number and it will show that many slides at once
|
||||
easing : "swing", // Anything other than "linear" or "swing" requires the easing plugin or jQuery UI
|
||||
|
||||
buildArrows : true, // If true, builds the forwards and backwards buttons
|
||||
buildNavigation : true, // If true, builds a list of anchor links to link to each panel
|
||||
buildStartStop : true, // ** If true, builds the start/stop button
|
||||
|
||||
appendForwardTo : null, // Append forward arrow to a HTML element (jQuery Object, selector or HTMLNode), if not null
|
||||
appendBackTo : null, // Append back arrow to a HTML element (jQuery Object, selector or HTMLNode), if not null
|
||||
appendControlsTo : null, // Append controls (navigation + start-stop) to a HTML element (jQuery Object, selector or HTMLNode), if not null
|
||||
appendNavigationTo : null, // Append navigation buttons to a HTML element (jQuery Object, selector or HTMLNode), if not null
|
||||
appendStartStopTo : null, // Append start-stop button to a HTML element (jQuery Object, selector or HTMLNode), if not null
|
||||
|
||||
toggleArrows : false, // If true, side navigation arrows will slide out on hovering & hide @ other times
|
||||
toggleControls : false, // if true, slide in controls (navigation + play/stop button) on hover and slide change, hide @ other times
|
||||
|
||||
startText : "Start", // Start button text
|
||||
stopText : "Stop", // Stop button text
|
||||
forwardText : "»", // Link text used to move the slider forward (hidden by CSS, replaced with arrow image)
|
||||
backText : "«", // Link text used to move the slider back (hidden by CSS, replace with arrow image)
|
||||
tooltipClass : "tooltip", // Class added to navigation & start/stop button (text copied to title if it is hidden by a negative text indent)
|
||||
|
||||
// Function
|
||||
enableArrows : true, // if false, arrows will be visible, but not clickable.
|
||||
enableNavigation : true, // if false, navigation links will still be visible, but not clickable.
|
||||
enableStartStop : true, // if false, the play/stop button will still be visible, but not clickable. Previously "enablePlay"
|
||||
enableKeyboard : true, // if false, keyboard arrow keys will not work for this slider.
|
||||
|
||||
// Navigation
|
||||
startPanel : 1, // This sets the initial panel
|
||||
changeBy : 1, // Amount to go forward or back when changing panels.
|
||||
hashTags : true, // Should links change the hashtag in the URL?
|
||||
infiniteSlides : true, // if false, the slider will not wrap & not clone any panels
|
||||
navigationFormatter : null, // Details at the top of the file on this use (advanced use)
|
||||
navigationSize : false, // Set this to the maximum number of visible navigation tabs; false to disable
|
||||
|
||||
// Slideshow options
|
||||
autoPlay : false, // If true, the slideshow will start running; replaces "startStopped" option
|
||||
autoPlayLocked : false, // If true, user changing slides will not stop the slideshow
|
||||
autoPlayDelayed : false, // If true, starting a slideshow will delay advancing slides; if false, the slider will immediately advance to the next slide when slideshow starts
|
||||
pauseOnHover : true, // If true & the slideshow is active, the slideshow will pause on hover
|
||||
stopAtEnd : false, // If true & the slideshow is active, the slideshow will stop on the last page. This also stops the rewind effect when infiniteSlides is false.
|
||||
playRtl : false, // If true, the slideshow will move right-to-left
|
||||
|
||||
// Times
|
||||
delay : 3000, // How long between slideshow transitions in AutoPlay mode (in milliseconds)
|
||||
resumeDelay : 15000, // Resume slideshow after user interaction, only if autoplayLocked is true (in milliseconds).
|
||||
animationTime : 600, // How long the slideshow transition takes (in milliseconds)
|
||||
delayBeforeAnimate : 0, // How long to pause slide animation before going to the desired slide (used if you want your "out" FX to show).
|
||||
|
||||
// Callbacks - removed from options to reduce size - they still work
|
||||
|
||||
// Interactivity
|
||||
clickForwardArrow : "click", // Event used to activate forward arrow functionality (e.g. add jQuery mobile's "swiperight")
|
||||
clickBackArrow : "click", // Event used to activate back arrow functionality (e.g. add jQuery mobile's "swipeleft")
|
||||
clickControls : "click focusin", // Events used to activate navigation control functionality
|
||||
clickSlideshow : "click", // Event used to activate slideshow play/stop button
|
||||
|
||||
// Video
|
||||
resumeOnVideoEnd : true, // If true & the slideshow is active & a supported video is playing, it will pause the autoplay until the video is complete
|
||||
resumeOnVisible : true, // If true the video will resume playing (if previously paused, except for YouTube iframe - known issue); if false, the video remains paused.
|
||||
addWmodeToObject : "opaque", // If your slider has an embedded object, the script will automatically add a wmode parameter with this setting
|
||||
isVideoPlaying : function(base){ return false; } // return true if video is playing or false if not - used by video extension
|
||||
|
||||
};
|
||||
|
||||
$.fn.anythingSlider = function(options, callback) {
|
||||
|
||||
return this.each(function(){
|
||||
var page, anySlide = $(this).data('AnythingSlider');
|
||||
|
||||
// initialize the slider but prevent multiple initializations
|
||||
if ((typeof(options)).match('object|undefined')){
|
||||
if (!anySlide) {
|
||||
(new $.anythingSlider(this, options));
|
||||
} else {
|
||||
anySlide.updateSlider();
|
||||
}
|
||||
// If options is a number, process as an external link to page #: $(element).anythingSlider(#)
|
||||
} else if (/\d/.test(options) && !isNaN(options) && anySlide) {
|
||||
page = (typeof(options) === "number") ? options : parseInt($.trim(options),10); // accepts " 2 "
|
||||
// ignore out of bound pages
|
||||
if ( page >= 1 && page <= anySlide.pages ) {
|
||||
anySlide.gotoPage(page, false, callback); // page #, autoplay, one time callback
|
||||
}
|
||||
// Accept id or class name
|
||||
} else if (/^[#|.]/.test(options) && $(options).length) {
|
||||
anySlide.gotoPage(options, false, callback);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
})(jQuery);
|
||||
6
sites/all/libraries/AnythingSlider/js/jquery.anythingslider.min.js
vendored
Normal file
6
sites/all/libraries/AnythingSlider/js/jquery.anythingslider.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -0,0 +1,379 @@
|
||||
/*
|
||||
* AnythingSlider Video Controller 1.3 beta for AnythingSlider v1.6+
|
||||
* By Rob Garrison (aka Mottie & Fudgey)
|
||||
* Dual licensed under the MIT and GPL licenses.
|
||||
*/
|
||||
(function($) {
|
||||
$.fn.anythingSliderVideo = function(options){
|
||||
|
||||
//Set the default values, use comma to separate the settings, example:
|
||||
var defaults = {
|
||||
videoID : 'asvideo' // id prefix
|
||||
};
|
||||
|
||||
return this.each(function(){
|
||||
// make sure a AnythingSlider is attached
|
||||
var video, tmp, service, sel, base = $(this).data('AnythingSlider');
|
||||
if (!base) { return; }
|
||||
video = base.video = {};
|
||||
// Next update, I may just force users to call the video extension instead of it auto-running on window load
|
||||
// then they can change the video options in that call instead of the base defaults, and maybe prevent the
|
||||
// videos being initialized twice on startup (once as a regular video and second time with the API string)
|
||||
video.options = $.extend({}, defaults, options);
|
||||
|
||||
// check if SWFObject is loaded
|
||||
video.hasSwfo = (typeof(swfobject) !== 'undefined' && swfobject.hasOwnProperty('embedSWF') && typeof(swfobject.embedSWF) === 'function') ? true : false;
|
||||
|
||||
video.list = {};
|
||||
video.hasVid = false;
|
||||
video.hasEmbed = false;
|
||||
video.services = $.fn.anythingSliderVideo.services;
|
||||
video.len = 0; // used to add a unique ID to videos "asvideo#"
|
||||
video.hasEmbedCount = 0;
|
||||
video.hasiframeCount = 0;
|
||||
video.$items = base.$items.filter(':not(.cloned)');
|
||||
|
||||
// find and save all known videos
|
||||
for (service in video.services) {
|
||||
if (typeof(service) === 'string') {
|
||||
sel = video.services[service].selector;
|
||||
video.$items.find(sel).each(function(){
|
||||
tmp = $(this);
|
||||
// save panel and video selector in the list
|
||||
tmp.attr('id', video.options.videoID + video.len);
|
||||
video.list[video.len] = {
|
||||
id : video.options.videoID + video.len++,
|
||||
panel : tmp.closest('.panel')[0],
|
||||
service : service,
|
||||
selector : sel,
|
||||
status : -1 // YouTube uses -1 to mean the video is unstarted
|
||||
};
|
||||
video.hasVid = true;
|
||||
if (sel.match('embed|object')) {
|
||||
video.hasEmbed = true;
|
||||
video.hasEmbedCount++;
|
||||
} else if (sel.match('iframe')) {
|
||||
video.hasiframeCount++;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Initialize each video, as needed
|
||||
$.each(video.list, function(i,s){
|
||||
// s.id = ID, s.panel = slider panel (DOM), s.selector = 'jQuery selector'
|
||||
var tmp, $tar, vidsrc, opts,
|
||||
$vid = $(s.panel).find(s.selector),
|
||||
service = video.services[s.service],
|
||||
api = service.initAPI || '';
|
||||
// Initialize embeded video javascript api using SWFObject, if loaded
|
||||
if (video.hasEmbed && video.hasSwfo && s.selector.match('embed|object')) {
|
||||
$vid.each(function(){
|
||||
// Older IE doesn't have an object - just make sure we are wrapping the correct element
|
||||
$tar = ($(this).parent()[0].tagName === 'OBJECT') ? $(this).parent() : $(this);
|
||||
vidsrc = ($tar[0].tagName === 'EMBED') ? $tar.attr('src') : $tar.find('embed').attr('src') || $tar.children().filter('[name=movie]').attr('value');
|
||||
opts = $.extend(true, {}, {
|
||||
flashvars : null,
|
||||
params : { allowScriptAccess: 'always', wmode : base.options.addWmodeToObject, allowfullscreen : true },
|
||||
attr : { 'class' : $tar.attr('class'), 'style' : $tar.attr('style'), 'data-url' : vidsrc }
|
||||
}, service.embedOpts);
|
||||
$tar.wrap('<div id="' + s.id + '"></div>');
|
||||
// use SWFObject if it exists, it replaces the wrapper with the object/embed
|
||||
swfobject.embedSWF(vidsrc + (api === '' ? '': api + s.id), s.id,
|
||||
$tar.attr('width'), $tar.attr('height'), '10', null,
|
||||
opts.flashvars, opts.params, opts.attr, function(){
|
||||
// run init code if it exists
|
||||
if (service.hasOwnProperty('init')) {
|
||||
video.list[i].player = service.init(base, s.id, i);
|
||||
}
|
||||
if (i >= video.hasEmbedCount) {
|
||||
base.$el.trigger('swf_completed', base); // swf callback
|
||||
}
|
||||
}
|
||||
);
|
||||
});
|
||||
} else if (s.selector.match('iframe')) {
|
||||
$vid.each(function(i,v){
|
||||
vidsrc = $(this).attr('src');
|
||||
tmp = (vidsrc.match(/\?/g) ? '' : '?') + '&wmode=' + base.options.addWmodeToObject; // string connector & wmode
|
||||
$(this).attr('src', function(i,r){ return r + tmp + (api === '' ? '': api + s.id); });
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// Returns URL parameter; url: http://www.somesite.com?name=hello&id=11111
|
||||
// Original code from Netlobo.com (http://www.netlobo.com/url_query_string_javascript.html)
|
||||
video.gup = function(n,s){
|
||||
n = n.replace(/[\[]/,"\\[").replace(/[\]]/,"\\]");
|
||||
var p = (new RegExp("[\\?&]"+n+"=([^&#]*)")).exec(s || window.location.href);
|
||||
return (p===null) ? "" : p[1];
|
||||
};
|
||||
|
||||
// postMessage to iframe - http://benalman.com/projects/jquery-postmessage-plugin/ (FOR IE7)
|
||||
video.postMsg = function(data, vid){
|
||||
var $vid = $('#' + vid);
|
||||
if ($vid.length){
|
||||
$vid[0].contentWindow.postMessage(data, $vid.attr('src').split('?')[0]);
|
||||
}
|
||||
};
|
||||
|
||||
// receive message from iframe
|
||||
// no way to figure out which iframe since the message is from the window
|
||||
video.message = function(e){
|
||||
if (e.data) {
|
||||
if (/infoDelivery/g.test(e.data)) { return; } // ignore youtube video loading spam
|
||||
var data = $.parseJSON(e.data);
|
||||
$.each(video.list, function(i,s){
|
||||
if (video.services[video.list[i].service].hasOwnProperty('message')) {
|
||||
video.services[video.list[i].service].message(base, data);
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// toDO = 'cont', 'pause' or 'isPlaying'
|
||||
video.control = function(toDo){
|
||||
var i,
|
||||
s = video.list,
|
||||
slide = (toDo === 'pause') ? base.$lastPage[0] : base.$currentPage[0],
|
||||
isPlaying = false;
|
||||
for (i=0; i < video.len; i++){
|
||||
if (s[i].panel === slide && video.services[s[i].service].hasOwnProperty(toDo)){
|
||||
isPlaying = video.services[s[i].service][toDo](base, s[i].id, i);
|
||||
}
|
||||
}
|
||||
return isPlaying;
|
||||
};
|
||||
|
||||
// iframe event listener
|
||||
if (video.hasiframeCount){
|
||||
if (window.addEventListener){
|
||||
window.addEventListener('message', video.message, false);
|
||||
} else { // IE
|
||||
window.attachEvent('onmessage', video.message, false);
|
||||
}
|
||||
}
|
||||
|
||||
// bind to events
|
||||
base.$el
|
||||
.bind('slide_init', function(){
|
||||
video.control('pause');
|
||||
})
|
||||
.bind('slide_complete', function(){
|
||||
video.control('cont');
|
||||
});
|
||||
|
||||
base.options.isVideoPlaying = function(){ return video.control('isPlaying'); };
|
||||
|
||||
});
|
||||
};
|
||||
|
||||
/* Each video service is set up as follows
|
||||
* service-name : {
|
||||
* // initialization
|
||||
* selector : 'object[data-url*=service], embed[src*=service]', // required: jQuery selector used to find the video ('video' or 'iframe[src*=service]' are other examples)
|
||||
* initAPI : 'string added to the URL to initialize the API', // optional: the string must end with a parameter pointing to the video id (e.g. "&player_id=")
|
||||
* embedOpts : { flashvars: {}, params: {}, attr: {} }, // optional: add any required flashvars, parameters or attributes to initialize the API
|
||||
* // video startup functions
|
||||
* init : function(base, vid, index){ }, // optional: include any additional initialization code here; function called AFTER the embeded video is added using SWFObject
|
||||
* // required functions
|
||||
* cont : function(base, vid, index){ }, // required: continue play if video was previously played
|
||||
* pause : function(base, vid, index){ }, // required: pause ALL videos
|
||||
* message : function(base, data){ }, // required for iframe: process data received from iframe and update the video status for the "isPlaying" function
|
||||
* isPlaying : function(base, vid, index){ } // required: return true if video is playing and return false if not playing (paused or ended)
|
||||
* }
|
||||
*
|
||||
* Function variables
|
||||
* base (object) = plugin base, all video values/functions are stored in base.video
|
||||
* vid (string) is the ID of the video: vid = "asvideo1"; so jQuery needs a "#" in front... "#" + videoID option default ("asvideo") + index (e.g. "1"); each video matching a service will have a unquie vid
|
||||
* index (number) is the unique video number from the vid (starts from zero)
|
||||
*
|
||||
* var list = base.video.list[index]; list will contain:
|
||||
* list.id = vid
|
||||
* list.service = service name (e.g. 'video', 'vimeo1', 'vimeo2', etc)
|
||||
* list.selector = 'jQuery selector' (e.g. 'video', 'object[data-url*=vimeo]', 'iframe[src*=vimeo]', etc)
|
||||
* list.panel = AnythingSlider panel DOM object. So you can target the video using $(list[index].panel).find(list[index].service) or $('#' + vid)
|
||||
* list.status = video status, updated by the iframe event listeners added in the video service "ready" function; see examples below
|
||||
*/
|
||||
|
||||
$.fn.anythingSliderVideo.services = {
|
||||
|
||||
// *** HTML5 video ***
|
||||
video : {
|
||||
selector : 'video',
|
||||
cont : function(base, vid, index){
|
||||
var $vid = $('#' + vid);
|
||||
if ($vid.length && $vid[0].paused && $vid[0].currentTime > 0 && !$vid[0].ended) {
|
||||
$vid[0].play();
|
||||
}
|
||||
},
|
||||
pause : function(base, vid){
|
||||
// pause ALL videos on the page
|
||||
$('video').each(function(){
|
||||
if (typeof(this.pause) !== 'undefined') { this.pause(); } // throws an error in older ie without this
|
||||
});
|
||||
},
|
||||
isPlaying : function(base, vid, index){
|
||||
var $vid = $('#' + vid);
|
||||
// media.paused seems to be the only way to determine if a video is playing
|
||||
return ($vid.length && typeof($vid[0].pause) !== 'undefined' && !$vid[0].paused && !$vid[0].ended) ? true : false;
|
||||
}
|
||||
},
|
||||
|
||||
// *** Vimeo iframe *** isolated demo: http://jsfiddle.net/Mottie/GxwEX/
|
||||
vimeo1 : {
|
||||
selector : 'iframe[src*=vimeo]',
|
||||
initAPI : '&api=1&player_id=', // video ID added to the end
|
||||
cont : function(base, vid, index){
|
||||
if (base.options.resumeOnVisible && base.video.list[index].status === 'pause'){
|
||||
// Commands sent to the iframe originally had "JSON.stringify" applied to them,
|
||||
// but not all browsers support this, so it's just as easy to wrap it in quotes.
|
||||
base.video.postMsg('{"method":"play"}', vid);
|
||||
}
|
||||
},
|
||||
pause : function(base, vid){
|
||||
// pause ALL videos on the page
|
||||
$('iframe[src*=vimeo]').each(function(){
|
||||
base.video.postMsg('{"method":"pause"}', this.id);
|
||||
});
|
||||
},
|
||||
message : function(base, data){
|
||||
// *** VIMEO *** iframe uses data.player_id
|
||||
var index, vid = data.player_id || ''; // vid = data.player_id (unique to vimeo)
|
||||
if (vid !== ''){
|
||||
index = vid.replace(base.video.options.videoID, '');
|
||||
if (data.event === 'ready') {
|
||||
// Vimeo ready, add additional event listeners for video status
|
||||
base.video.postMsg('{"method":"addEventListener","value":"play"}', vid);
|
||||
base.video.postMsg('{"method":"addEventListener","value":"pause"}', vid);
|
||||
base.video.postMsg('{"method":"addEventListener","value":"finish"}', vid);
|
||||
}
|
||||
// update current status - vimeo puts it in data.event
|
||||
if (base.video.list[index]) { base.video.list[index].status = data.event; }
|
||||
}
|
||||
},
|
||||
isPlaying : function(base, vid, index){
|
||||
return (base.video.list[index].status === 'play') ? true : false;
|
||||
}
|
||||
},
|
||||
|
||||
// *** Embeded Vimeo ***
|
||||
// SWFObject adds the url to the object data
|
||||
// using param as a selector, the script above looks for the parent if it sees "param"
|
||||
vimeo2 : {
|
||||
selector : 'object[data-url*=vimeo], embed[src*=vimeo]',
|
||||
embedOpts : { flashvars : { api : 1 } },
|
||||
cont : function(base, vid, index) {
|
||||
if (base.options.resumeOnVisible) {
|
||||
var $vid = $('#' + vid);
|
||||
// continue video if previously played & not finished (api_finish doesn't seem to exist) - duration can be a decimal number, so subtract it and look at the difference (2 seconds here)
|
||||
if (typeof($vid[0].api_play) === 'function' && $vid[0].api_paused() && $vid[0].api_getCurrentTime() !== 0 && ($vid[0].api_getDuration() - $vid[0].api_getCurrentTime()) > 2) {
|
||||
$vid[0].api_play();
|
||||
}
|
||||
}
|
||||
},
|
||||
pause : function(base, vid){
|
||||
// find ALL videos and pause them, just in case
|
||||
$('object[data-url*=vimeo], embed[src*=vimeo]').each(function(){
|
||||
var el = (this.tagName === 'EMBED') ? $(this).parent()[0] : this;
|
||||
if (typeof(el.api_pause) === 'function') {
|
||||
el.api_pause();
|
||||
}
|
||||
});
|
||||
},
|
||||
isPlaying : function(base, vid, index){
|
||||
var $vid = $('#' + vid);
|
||||
return (typeof($vid[0].api_paused) === 'function' && !$vid[0].api_paused()) ? true : false;
|
||||
}
|
||||
},
|
||||
|
||||
// *** iframe YouTube *** isolated demo: http://jsfiddle.net/Mottie/qk5MY/
|
||||
youtube1 : {
|
||||
selector : 'iframe[src*=youtube]',
|
||||
// "iv_load_policy=3" should turn off annotations on init, but doesn't seem to
|
||||
initAPI : '&iv_load_policy=3&enablejsapi=1&playerapiid=',
|
||||
cont : function(base, vid, index){
|
||||
if (base.options.resumeOnVisible && base.video.list[index].status === 2){
|
||||
base.video.postMsg('{"event":"command","func":"playVideo"}', vid);
|
||||
}
|
||||
},
|
||||
pause : function(base, vid, index){
|
||||
// pause ALL videos on the page - in IE, pausing a video means it will continue when next seen =(
|
||||
$('iframe[src*=youtube]').each(function(){
|
||||
// if (this.id !== vid || (this.id === vid && base.video.list[index].status >= 0)) { // trying to fix the continue video problem; this only breaks it
|
||||
base.video.postMsg('{"event":"command","func":"pauseVideo"}', vid);
|
||||
// }
|
||||
});
|
||||
},
|
||||
message : function(base, data){
|
||||
if (data.event === 'infoDelivery') { return; } // ignore youtube video loading spam
|
||||
// *** YouTube *** iframe returns an embeded url (data.info.videoUrl) but no video id...
|
||||
if (data.info && data.info.videoUrl) {
|
||||
// figure out vid for youtube
|
||||
// data.info.videoURL = http://www.youtube.com/watch?v=###########&feature=player_embedded
|
||||
var url = base.video.gup('v', data.info.videoUrl), // end up with ###########, now find it
|
||||
v = $('iframe[src*=' + url + ']'), vid, index;
|
||||
// iframe src changes when watching related videos; so there is no way to tell which video has an update
|
||||
if (v.length) {
|
||||
vid = v[0].id;
|
||||
index = vid.replace(base.video.options.videoID, '');
|
||||
// YouTube ready, add additional event listeners for video status. BUT this never fires off =(
|
||||
// Fixing this may solve the continue problem
|
||||
if (data.event === 'onReady') {
|
||||
base.video.postMsg('{"event":"listening","func":"onStateChange"}', vid);
|
||||
}
|
||||
// Update status, so the "isPlaying" function can access it
|
||||
if (data.event === 'onStateChange' && base.video.list[index]) {
|
||||
// update list with current status; data.info.playerState = YouTube
|
||||
base.video.list[index].status = data.info.playerState;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
isPlaying : function(base, vid, index){
|
||||
var status = base.video.list[index].status;
|
||||
// state: unstarted (-1), ended (0), playing (1), paused (2), buffering (3), video cued (5).
|
||||
return (status === 1 || status > 2) ? true : false;
|
||||
}
|
||||
},
|
||||
|
||||
// *** Embeded YouTube ***
|
||||
// include embed for IE; SWFObject adds the url to the object data attribute
|
||||
youtube2 : {
|
||||
selector : 'object[data-url*=youtube], embed[src*=youtube]',
|
||||
initAPI : '&iv_load_policy=3&enablejsapi=1&version=3&playerapiid=', // video ID added to the end
|
||||
// YouTube - player states: unstarted (-1), ended (0), playing (1), paused (2), buffering (3), video cued (5).
|
||||
cont : function(base, vid, index) {
|
||||
if (base.options.resumeOnVisible) {
|
||||
var $vid = $('#' + vid);
|
||||
// continue video if previously played and not cued
|
||||
if ($vid.length && typeof($vid[0].getPlayerState) === 'function' && $vid[0].getPlayerState() > 0) {
|
||||
$vid[0].playVideo();
|
||||
}
|
||||
}
|
||||
},
|
||||
pause : function(base, vid){
|
||||
// find ALL videos and pause them, just in case
|
||||
$('object[data-url*=youtube], embed[src*=youtube]').each(function(){
|
||||
var el = (this.tagName === 'EMBED') ? $(this).parent()[0] : this;
|
||||
// player states: unstarted (-1), ended (0), playing (1), paused (2), buffering (3), video cued (5).
|
||||
if (typeof(el.getPlayerState) === 'function' && el.getPlayerState() > 0) {
|
||||
// pause video if not autoplaying (if already initialized)
|
||||
el.pauseVideo();
|
||||
}
|
||||
});
|
||||
},
|
||||
isPlaying : function(base, vid){
|
||||
var $vid = $('#' + vid);
|
||||
return (typeof($vid[0].getPlayerState) === 'function' && ($vid[0].getPlayerState() === 1 || $vid[0].getPlayerState() > 2)) ? true : false;
|
||||
}
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
})(jQuery);
|
||||
|
||||
// Initialize video extension automatically
|
||||
jQuery(window).load(function(){
|
||||
jQuery('.anythingBase').anythingSliderVideo();
|
||||
});
|
||||
8
sites/all/libraries/AnythingSlider/js/jquery.anythingslider.video.min.js
vendored
Normal file
8
sites/all/libraries/AnythingSlider/js/jquery.anythingslider.video.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
140
sites/all/libraries/AnythingSlider/js/jquery.easing.1.2.js
Normal file
140
sites/all/libraries/AnythingSlider/js/jquery.easing.1.2.js
Normal file
@@ -0,0 +1,140 @@
|
||||
/*
|
||||
* jQuery EasIng v1.1.2 - http://gsgd.co.uk/sandbox/jquery.easIng.php
|
||||
*
|
||||
* Uses the built In easIng capabilities added In jQuery 1.1
|
||||
* to offer multiple easIng options
|
||||
*
|
||||
* Copyright (c) 2007 George Smith
|
||||
* Licensed under the MIT License:
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
*/
|
||||
|
||||
// t: current time, b: begInnIng value, c: change In value, d: duration
|
||||
|
||||
jQuery.extend( jQuery.easing,
|
||||
{
|
||||
easeInQuad: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t + b;
|
||||
},
|
||||
easeOutQuad: function (x, t, b, c, d) {
|
||||
return -c *(t/=d)*(t-2) + b;
|
||||
},
|
||||
easeInOutQuad: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t + b;
|
||||
return -c/2 * ((--t)*(t-2) - 1) + b;
|
||||
},
|
||||
easeInCubic: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t + b;
|
||||
},
|
||||
easeOutCubic: function (x, t, b, c, d) {
|
||||
return c*((t=t/d-1)*t*t + 1) + b;
|
||||
},
|
||||
easeInOutCubic: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t + b;
|
||||
return c/2*((t-=2)*t*t + 2) + b;
|
||||
},
|
||||
easeInQuart: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t*t + b;
|
||||
},
|
||||
easeOutQuart: function (x, t, b, c, d) {
|
||||
return -c * ((t=t/d-1)*t*t*t - 1) + b;
|
||||
},
|
||||
easeInOutQuart: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
|
||||
return -c/2 * ((t-=2)*t*t*t - 2) + b;
|
||||
},
|
||||
easeInQuint: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t*t*t + b;
|
||||
},
|
||||
easeOutQuint: function (x, t, b, c, d) {
|
||||
return c*((t=t/d-1)*t*t*t*t + 1) + b;
|
||||
},
|
||||
easeInOutQuint: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
|
||||
return c/2*((t-=2)*t*t*t*t + 2) + b;
|
||||
},
|
||||
easeInSine: function (x, t, b, c, d) {
|
||||
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
|
||||
},
|
||||
easeOutSine: function (x, t, b, c, d) {
|
||||
return c * Math.sin(t/d * (Math.PI/2)) + b;
|
||||
},
|
||||
easeInOutSine: function (x, t, b, c, d) {
|
||||
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
|
||||
},
|
||||
easeInExpo: function (x, t, b, c, d) {
|
||||
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
|
||||
},
|
||||
easeOutExpo: function (x, t, b, c, d) {
|
||||
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
|
||||
},
|
||||
easeInOutExpo: function (x, t, b, c, d) {
|
||||
if (t==0) return b;
|
||||
if (t==d) return b+c;
|
||||
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
|
||||
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
|
||||
},
|
||||
easeInCirc: function (x, t, b, c, d) {
|
||||
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
|
||||
},
|
||||
easeOutCirc: function (x, t, b, c, d) {
|
||||
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
|
||||
},
|
||||
easeInOutCirc: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
|
||||
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
|
||||
},
|
||||
easeInElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
||||
},
|
||||
easeOutElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
|
||||
},
|
||||
easeInOutElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
||||
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
|
||||
},
|
||||
easeInBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
return c*(t/=d)*t*((s+1)*t - s) + b;
|
||||
},
|
||||
easeOutBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
|
||||
},
|
||||
easeInOutBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
|
||||
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
|
||||
},
|
||||
easeInBounce: function (x, t, b, c, d) {
|
||||
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
|
||||
},
|
||||
easeOutBounce: function (x, t, b, c, d) {
|
||||
if ((t/=d) < (1/2.75)) {
|
||||
return c*(7.5625*t*t) + b;
|
||||
} else if (t < (2/2.75)) {
|
||||
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
|
||||
} else if (t < (2.5/2.75)) {
|
||||
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
|
||||
} else {
|
||||
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
|
||||
}
|
||||
},
|
||||
easeInOutBounce: function (x, t, b, c, d) {
|
||||
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
|
||||
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
|
||||
}
|
||||
});
|
||||
18
sites/all/libraries/AnythingSlider/js/jquery.min.js
vendored
Normal file
18
sites/all/libraries/AnythingSlider/js/jquery.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
4
sites/all/libraries/AnythingSlider/js/swfobject.js
Normal file
4
sites/all/libraries/AnythingSlider/js/swfobject.js
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user