/* * jQuery Nivo Slider v3.1 * http://nivo.dev7studios.com * * Copyright 2012, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* * WARNING * * THIS FILE EDITED FOR THE SAKE OF PRETENDING ANY COLLISIONS OF OTHER WORDPRESS PLUGINS THAT INCLUDES NIVOSLIDER!!! * * /WARNING * */ (function ($) { var NivoSlider = function (element, options) { // Defaults are below var settings = $.extend({}, $.fn.nivoSliderWeptile.defaults, options); // Useful variables. Play carefully. var vars = { currentSlide: 0, currentImage: '', totalSlides : 0, running : false, paused : false, stop : false, controlNavEl: false }; // Get this slider var slider = $(element); slider.data('weptile_nivo:vars', vars).addClass('nivoSliderWeptile'); // Find our slider children var kids = slider.children(); kids.each(function () { var child = $(this); var link = ''; if (!child.is('img')) { if (child.is('a')) { child.addClass('nivo-imageLink'); link = child; } child = child.find('img:first'); } // Get img width & height var childWidth = (childWidth === 0) ? child.attr('width') : child.width(), childHeight = (childHeight === 0) ? child.attr('height') : child.height(); if (link !== '') { link.css('display', 'none'); } child.css('display', 'none'); vars.totalSlides++; }); // If randomStart if (settings.randomStart) { settings.startSlide = Math.floor(Math.random() * vars.totalSlides); } // Set startSlide if (settings.startSlide > 0) { if (settings.startSlide >= vars.totalSlides) { settings.startSlide = vars.totalSlides - 1; } vars.currentSlide = settings.startSlide; } // Get initial image if ($(kids[vars.currentSlide]).is('img')) { vars.currentImage = $(kids[vars.currentSlide]); } else { vars.currentImage = $(kids[vars.currentSlide]).find('img:first'); } // Show initial link if ($(kids[vars.currentSlide]).is('a')) { $(kids[vars.currentSlide]).css('display', 'block'); } // Set first background var sliderImg = $(''); sliderImg.attr('src', vars.currentImage.attr('src')).show(); sliderImg.attr('alt', vars.currentImage.attr('alt')).show(); slider.append(sliderImg); // Detect Window Resize $(window).resize(function () { slider.children('img').width(slider.width()); sliderImg.attr('src', vars.currentImage.attr('src')); sliderImg.stop().height('auto'); $('.nivo-slice').remove(); $('.nivo-box').remove(); }); //Create caption slider.append($('
')); // Process caption function var processCaption = function (settings) { var nivoCaption = $('.nivo-caption', slider); if (vars.currentImage.attr('title') != '' && vars.currentImage.attr('title') != undefined) { var title = vars.currentImage.attr('title'); if (title.substr(0, 1) == '#') title = $(title).html(); if (nivoCaption.css('display') == 'block') { setTimeout(function () { nivoCaption.html(title); }, settings.animSpeed); } else { nivoCaption.html(title); nivoCaption.stop().fadeIn(settings.animSpeed); } } else { nivoCaption.stop().fadeOut(settings.animSpeed); } } //Process initial caption processCaption(settings); // In the words of Super Mario "let's a go!" var timer = 0; if (!settings.manualAdvance && kids.length > 1) { timer = setInterval(function () { setTimeout( function() { nivoRun(slider, kids, settings, false); }, settings.delay ); }, settings.pauseTime); } // Add Direction nav if (settings.directionNav) { slider.append('
' + settings.prevText + '' + settings.nextText + '
'); $('a.nivo-prevNav', slider).live('click', function () { if (vars.running) { return false; } clearInterval(timer); timer = ''; vars.currentSlide -= 2; nivoRun(slider, kids, settings, 'prev'); }); $('a.nivo-nextNav', slider).live('click', function () { if (vars.running) { return false; } clearInterval(timer); timer = ''; nivoRun(slider, kids, settings, 'next'); }); } // Add Control nav if (settings.controlNav) { vars.controlNavEl = $('
'); slider.after(vars.controlNavEl); for (var i = 0; i < kids.length; i++) { if (settings.controlNavThumbs) { vars.controlNavEl.addClass('nivo-thumbs-enabled'); var child = kids.eq(i); if (!child.is('img')) { child = child.find('img:first'); } if (child.attr('data-thumb')) vars.controlNavEl.append('altText'); } else { vars.controlNavEl.append('' + (i + 1) + ''); } } //Set initial active link $('a:eq(' + vars.currentSlide + ')', vars.controlNavEl).addClass('active'); $('a', vars.controlNavEl).bind('click', function () { if (vars.running) return false; if ($(this).hasClass('active')) return false; clearInterval(timer); timer = ''; sliderImg.attr('src', vars.currentImage.attr('src')); vars.currentSlide = $(this).attr('rel') - 1; nivoRun(slider, kids, settings, 'control'); }); } //For pauseOnHover setting if (settings.pauseOnHover) { slider.hover(function () { vars.paused = true; clearInterval(timer); timer = ''; }, function () { vars.paused = false; // Restart the timer if (timer === '' && !settings.manualAdvance) { timer = setInterval(function () { nivoRun(slider, kids, settings, false); }, settings.pauseTime); } }); } // Event when Animation finishes slider.bind('nivo:animFinished', function () { sliderImg.attr('src', vars.currentImage.attr('src')); sliderImg.attr('alt', 'altText'); vars.running = false; // Hide child links $(kids).each(function () { if ($(this).is('a')) { $(this).css('display', 'none'); } }); // Show current link if ($(kids[vars.currentSlide]).is('a')) { $(kids[vars.currentSlide]).css('display', 'block'); } // Restart the timer if (timer === '' && !vars.paused && !settings.manualAdvance) { timer = setInterval(function () { nivoRun(slider, kids, settings, false); }, settings.pauseTime); } // Trigger the afterChange callback settings.afterChange.call(this); }); // Add slices for slice animations var createSlices = function (slider, settings, vars) { if ($(vars.currentImage).parent().is('a')) $(vars.currentImage).parent().css('display', 'block'); $('img[src="' + vars.currentImage.attr('src') + '"]', slider).not('.nivo-main-image,.nivo-control img').width(slider.width()).css('visibility', 'hidden').show(); var sliceHeight = ($('img[src="' + vars.currentImage.attr('src') + '"]', slider).not('.nivo-main-image,.nivo-control img').parent().is('a')) ? $('img[src="' + vars.currentImage.attr('src') + '"]', slider).not('.nivo-main-image,.nivo-control img').parent().height() : $('img[src="' + vars.currentImage.attr('src') + '"]', slider).not('.nivo-main-image,.nivo-control img').height(); for (var i = 0; i < settings.slices; i++) { var sliceWidth = Math.round(slider.width() / settings.slices); if (i === settings.slices - 1) { slider.append( $('
').css({ left : (sliceWidth * i) + 'px', width : (slider.width() - (sliceWidth * i)) + 'px', height : sliceHeight + 'px', opacity : '0', overflow: 'hidden' }) ); } else { slider.append( $('
').css({ left : (sliceWidth * i) + 'px', width : sliceWidth + 'px', height : sliceHeight + 'px', opacity : '0', overflow: 'hidden' }) ); } } $('.nivo-slice', slider).height(sliceHeight); sliderImg.stop().animate({ height: $(vars.currentImage).height() }, settings.animSpeed); }; // Add boxes for box animations var createBoxes = function (slider, settings, vars) { if ($(vars.currentImage).parent().is('a')) $(vars.currentImage).parent().css('display', 'block'); $('img[src="' + vars.currentImage.attr('src') + '"]', slider).not('.nivo-main-image,.nivo-control img').width(slider.width()).css('visibility', 'hidden').show(); var boxWidth = Math.round(slider.width() / settings.boxCols), boxHeight = Math.round($('img[src="' + vars.currentImage.attr('src') + '"]', slider).not('.nivo-main-image,.nivo-control img').height() / settings.boxRows); for (var rows = 0; rows < settings.boxRows; rows++) { for (var cols = 0; cols < settings.boxCols; cols++) { if (cols === settings.boxCols - 1) { slider.append( $('
').css({ opacity: 0, left : (boxWidth * cols) + 'px', top : (boxHeight * rows) + 'px', width : (slider.width() - (boxWidth * cols)) + 'px' }) ); $('.nivo-box[name="' + cols + '"]', slider).height($('.nivo-box[name="' + cols + '"] img', slider).height() + 'px'); } else { slider.append( $('
').css({ opacity: 0, left : (boxWidth * cols) + 'px', top : (boxHeight * rows) + 'px', width : boxWidth + 'px' }) ); $('.nivo-box[name="' + cols + '"]', slider).height($('.nivo-box[name="' + cols + '"] img', slider).height() + 'px'); } } } sliderImg.stop().animate({ height: $(vars.currentImage).height() }, settings.animSpeed); }; // Private run method var nivoRun = function (slider, kids, settings, nudge) { // Get our vars var vars = slider.data('weptile_nivo:vars'); // Trigger the lastSlide callback if (vars && (vars.currentSlide === vars.totalSlides - 1)) { settings.lastSlide.call(this); } // Stop if ((!vars || vars.stop) && !nudge) { return false; } // Trigger the beforeChange callback settings.beforeChange.call(this); // Set current background before change if (!nudge) { sliderImg.attr('src', vars.currentImage.attr('src')); } else { if (nudge === 'prev') { sliderImg.attr('src', vars.currentImage.attr('src')); } if (nudge === 'next') { sliderImg.attr('src', vars.currentImage.attr('src')); } } vars.currentSlide++; // Trigger the slideshowEnd callback if (vars.currentSlide === vars.totalSlides) { vars.currentSlide = 0; settings.slideshowEnd.call(this); } if (vars.currentSlide < 0) { vars.currentSlide = (vars.totalSlides - 1); } // Set vars.currentImage if ($(kids[vars.currentSlide]).is('img')) { vars.currentImage = $(kids[vars.currentSlide]); } else { vars.currentImage = $(kids[vars.currentSlide]).find('img:first'); } // Set active links if (settings.controlNav) { $('a', vars.controlNavEl).removeClass('active'); $('a:eq(' + vars.currentSlide + ')', vars.controlNavEl).addClass('active'); } // Process caption processCaption(settings); // Remove any slices from last transition $('.nivo-slice', slider).remove(); // Remove any boxes from last transition $('.nivo-box', slider).remove(); var currentEffect = settings.effect, anims = ''; // Generate random effect if (settings.effect === 'random') { anims = new Array('sliceDownRight', 'sliceDownLeft', 'sliceUpRight', 'sliceUpLeft', 'sliceUpDown', 'sliceUpDownLeft', 'fold', 'fade', 'boxRandom', 'boxRain', 'boxRainReverse', 'boxRainGrow', 'boxRainGrowReverse'); currentEffect = anims[Math.floor(Math.random() * (anims.length + 1))]; if (currentEffect === undefined) { currentEffect = 'fade'; } } // Run random effect from specified set (eg: effect:'fold,fade') if (settings.effect.indexOf(',') !== -1) { anims = settings.effect.split(','); currentEffect = anims[Math.floor(Math.random() * (anims.length))]; if (currentEffect === undefined) { currentEffect = 'fade'; } } // Custom transition as defined by "data-transition" attribute if (vars.currentImage.attr('data-transition')) { currentEffect = vars.currentImage.attr('data-transition'); } // Run effects vars.running = true; var timeBuff = 0, i = 0, slices = '', firstSlice = '', totalBoxes = '', boxes = ''; if (currentEffect === 'sliceDown' || currentEffect === 'sliceDownRight' || currentEffect === 'sliceDownLeft') { createSlices(slider, settings, vars); timeBuff = 0; i = 0; slices = $('.nivo-slice', slider); if (currentEffect === 'sliceDownLeft') { slices = $('.nivo-slice', slider)._reverse(); } slices.each(function () { var slice = $(this); slice.css({ 'top': '0px' }); if (i === settings.slices - 1) { setTimeout(function () { slice.animate({opacity: '1.0' }, settings.animSpeed, '', function () { slider.trigger('nivo:animFinished'); }); }, (100 + timeBuff)); } else { setTimeout(function () { slice.animate({opacity: '1.0' }, settings.animSpeed); }, (100 + timeBuff)); } timeBuff += 50; i++; }); } else if (currentEffect === 'sliceUp' || currentEffect === 'sliceUpRight' || currentEffect === 'sliceUpLeft') { createSlices(slider, settings, vars); timeBuff = 0; i = 0; slices = $('.nivo-slice', slider); if (currentEffect === 'sliceUpLeft') { slices = $('.nivo-slice', slider)._reverse(); } slices.each(function () { var slice = $(this); slice.css({ 'bottom': '0px' }); if (i === settings.slices - 1) { setTimeout(function () { slice.animate({opacity: '1.0' }, settings.animSpeed, '', function () { slider.trigger('nivo:animFinished'); }); }, (100 + timeBuff)); } else { setTimeout(function () { slice.animate({opacity: '1.0' }, settings.animSpeed); }, (100 + timeBuff)); } timeBuff += 50; i++; }); } else if (currentEffect === 'sliceUpDown' || currentEffect === 'sliceUpDownRight' || currentEffect === 'sliceUpDownLeft') { createSlices(slider, settings, vars); timeBuff = 0; i = 0; var v = 0; slices = $('.nivo-slice', slider); if (currentEffect === 'sliceUpDownLeft') { slices = $('.nivo-slice', slider)._reverse(); } slices.each(function () { var slice = $(this); if (i === 0) { slice.css('top', '0px'); i++; } else { slice.css('bottom', '0px'); i = 0; } if (v === settings.slices - 1) { setTimeout(function () { slice.animate({opacity: '1.0' }, settings.animSpeed, '', function () { slider.trigger('nivo:animFinished'); }); }, (100 + timeBuff)); } else { setTimeout(function () { slice.animate({opacity: '1.0' }, settings.animSpeed); }, (100 + timeBuff)); } timeBuff += 50; v++; }); } else if (currentEffect === 'fold') { createSlices(slider, settings, vars); timeBuff = 0; i = 0; $('.nivo-slice', slider).each(function () { var slice = $(this); var origWidth = slice.width(); slice.css({ top: '0px', width: '0px' }); if (i === settings.slices - 1) { setTimeout(function () { slice.animate({ width: origWidth, opacity: '1.0' }, settings.animSpeed, '', function () { slider.trigger('nivo:animFinished'); }); }, (100 + timeBuff)); } else { setTimeout(function () { slice.animate({ width: origWidth, opacity: '1.0' }, settings.animSpeed); }, (100 + timeBuff)); } timeBuff += 50; i++; }); } else if (currentEffect === 'fade') { createSlices(slider, settings, vars); firstSlice = $('.nivo-slice:first', slider); firstSlice.css({ 'width': slider.width() + 'px' }); firstSlice.animate({ opacity: '1.0' }, (settings.animSpeed * 2), '', function () { slider.trigger('nivo:animFinished'); }); } else if (currentEffect === 'slideInRight') { createSlices(slider, settings, vars); firstSlice = $('.nivo-slice:first', slider); firstSlice.css({ 'width' : '0px', 'opacity': '1' }); firstSlice.animate({ width: slider.width() + 'px' }, (settings.animSpeed * 2), '', function () { slider.trigger('nivo:animFinished'); }); } else if (currentEffect === 'slideInLeft') { createSlices(slider, settings, vars); firstSlice = $('.nivo-slice:first', slider); firstSlice.css({ 'width' : '0px', 'opacity': '1', 'left' : '', 'right' : '0px' }); firstSlice.animate({ width: slider.width() + 'px' }, (settings.animSpeed * 2), '', function () { // Reset positioning firstSlice.css({ 'left' : '0px', 'right': '' }); slider.trigger('nivo:animFinished'); }); } else if (currentEffect === 'slideInUp') { createSlices(slider, settings, vars); firstSlice = $('.nivo-slice:first', slider); firstSlice.css({ 'width':'100%', 'height': slider.height() + 'px', 'opacity': '1', 'top': 'auto', 'bottom': slider.height() + 'px' }); firstSlice.animate({bottom: '0px'}, (settings.animSpeed * 2), '', function () { firstSlice.css({ 'top':'auto', 'bottom': '0px' }); slider.trigger('nivo:animFinished'); }); } else if (currentEffect === 'boxRandom') { createBoxes(slider, settings, vars); totalBoxes = settings.boxCols * settings.boxRows; i = 0; timeBuff = 0; boxes = shuffle($('.nivo-box', slider)); boxes.each(function () { var box = $(this); if (i === totalBoxes - 1) { setTimeout(function () { box.animate({ opacity: '1' }, settings.animSpeed, '', function () { slider.trigger('nivo:animFinished'); }); }, (100 + timeBuff)); } else { setTimeout(function () { box.animate({ opacity: '1' }, settings.animSpeed); }, (100 + timeBuff)); } timeBuff += 20; i++; }); } else if (currentEffect === 'boxRain' || currentEffect === 'boxRainReverse' || currentEffect === 'boxRainGrow' || currentEffect === 'boxRainGrowReverse') { createBoxes(slider, settings, vars); totalBoxes = settings.boxCols * settings.boxRows; i = 0; timeBuff = 0; // Split boxes into 2D array var rowIndex = 0; var colIndex = 0; var box2Darr = []; box2Darr[rowIndex] = []; boxes = $('.nivo-box', slider); if (currentEffect === 'boxRainReverse' || currentEffect === 'boxRainGrowReverse') { boxes = $('.nivo-box', slider)._reverse(); } boxes.each(function () { box2Darr[rowIndex][colIndex] = $(this); colIndex++; if (colIndex === settings.boxCols) { rowIndex++; colIndex = 0; box2Darr[rowIndex] = []; } }); // Run animation for (var cols = 0; cols < (settings.boxCols * 2); cols++) { var prevCol = cols; for (var rows = 0; rows < settings.boxRows; rows++) { if (prevCol >= 0 && prevCol < settings.boxCols) { /* Due to some weird JS bug with loop vars being used in setTimeout, this is wrapped with an anonymous function call */ (function (row, col, time, i, totalBoxes) { var box = $(box2Darr[row][col]); var w = box.width(); var h = box.height(); if (currentEffect === 'boxRainGrow' || currentEffect === 'boxRainGrowReverse') { box.width(0).height(0); } if (i === totalBoxes - 1) { setTimeout(function () { box.animate({ opacity: '1', width: w, height: h }, settings.animSpeed / 1.3, '', function () { slider.trigger('nivo:animFinished'); }); }, (100 + time)); } else { setTimeout(function () { box.animate({ opacity: '1', width: w, height: h }, settings.animSpeed / 1.3); }, (100 + time)); } })(rows, prevCol, timeBuff, i, totalBoxes); i++; } prevCol--; } timeBuff += 100; } } }; // Shuffle an array var shuffle = function (arr) { for (var j, x, i = arr.length; i; j = parseInt(Math.random() * i, 10), x = arr[--i], arr[i] = arr[j], arr[j] = x); return arr; }; // For debugging var trace = function (msg) { if (this.console && typeof console.log !== 'undefined') { console.log(msg); } }; // Start / Stop this.stop = function () { if (!$(element).data('weptile_nivo:vars').stop) { $(element).data('weptile_nivo:vars').stop = true; trace('Stop Slider'); } }; this.start = function () { if ($(element).data('weptile_nivo:vars').stop) { $(element).data('weptile_nivo:vars').stop = false; trace('Start Slider'); } }; // Trigger the afterLoad callback settings.afterLoad.call(this); return this; }; $.fn.nivoSliderWeptile = function (options) { return this.each(function (key, value) { var element = $(this); // Return early if this element already has a plugin instance if (element.data('weptile_nivoslider')) { return element.data('weptile_nivoslider'); } // Pass options to plugin constructor var nivoslider = new NivoSlider(this, options); // Store plugin object in this element's data element.data('weptile_nivoslider', nivoslider); }); }; //Default settings $.fn.nivoSliderWeptile.defaults = { effect : 'random', slices : 15, boxCols : 8, boxRows : 4, animSpeed : 500, pauseTime : 3000, startSlide : 0, directionNav : true, controlNav : true, controlNavThumbs: false, pauseOnHover : true, manualAdvance : false, prevText : 'Prev', nextText : 'Next', randomStart : false, delay : 0, beforeChange : function () { }, afterChange : function () { }, slideshowEnd : function () { }, lastSlide : function () { }, afterLoad : function () { } }; $.fn._reverse = [].reverse; })(jQuery);