https://www.daisenham.com/js/jquery.nivo.slider.pack.js

1/* ‰ü—ǔŠjQuery Nivo Slider (base v2.7.1)
2/*
3 * 
4 * http://nivo.dev7studios.com
5 *
6 * Copyright 2011, Gilbert Pellegrom
7 * Free to use and abuse under the MIT license.
8 * http://www.opensource.org/licenses/mit-license.php
9 * 
10 * March 2010
11 */
12
13(function($) { var NivoSlider = function(element, options){ var settings = $.extend({}, $.fn.nivoSlider.defaults, options); var vars = { currentSlide: 0, currentImage: '', totalSlides: 0, running: false, paused: false, stop: false
14}; var slider = $(element); slider.data('nivo:vars', vars); slider.css('position','relative'); slider.addClass('nivoSlider'); 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;}
15child = child.find('img:first');}
16var childWidth = child.width(); if(childWidth == 0) childWidth = child.attr('width'); var childHeight = child.height(); if(childHeight == 0) childHeight = child.attr('height'); if(childWidth > slider.width()){ slider.width(childWidth);}
17if(childHeight > slider.height()){ slider.height(childHeight);}
18if(link != ''){ link.css('display','none');}
19child.css('display','none'); vars.totalSlides++;}); if(settings.randomStart){ settings.startSlide = Math.floor(Math.random() * vars.totalSlides);}
20if(settings.startSlide > 0){ if(settings.startSlide >= vars.totalSlides) settings.startSlide = vars.totalSlides - 1; vars.currentSlide = settings.startSlide;}
21if($(kids[vars.currentSlide]).is('img')){ vars.currentImage = $(kids[vars.currentSlide]);} else { vars.currentImage = $(kids[vars.currentSlide]).find('img:first');}
22if($(kids[vars.currentSlide]).is('a')){ $(kids[vars.currentSlide]).css('display','block');}
23slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat'); slider.append( $('<div class="nivo-caption"><p></p></div>').css({ display:'none', opacity:settings.captionOpacity }) ); $('.nivo-caption', slider).css('opacity', 0); 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('opacity') != 0){ nivoCaption.find('p').stop().fadeTo(settings.animSpeed, 0, function(){ $(this).html(title); $(this).stop().fadeTo(settings.animSpeed, 1);});} else { nivoCaption.find('p').html(title);}
24nivoCaption.stop().fadeTo(settings.animSpeed, settings.captionOpacity);} else { nivoCaption.stop().fadeTo(settings.animSpeed, 0);}
25}
26processCaption(settings); var timer = 0; if(!settings.manualAdvance && kids.length > 1){ timer = setInterval(function(){ nivoRun(slider, kids, settings, false);}, settings.pauseTime);}
27if(settings.directionNav){ slider.append('<div class="nivo-directionNav"><a class="nivo-prevNav">'+ settings.prevText +'</a><a class="nivo-nextNav">'+ settings.nextText +'</a></div>'); if(settings.directionNavHide){ $('.nivo-directionNav', slider).hide(); slider.hover(function(){ $('.nivo-directionNav', slider).show();}, function(){ $('.nivo-directionNav', slider).hide();});}
28$('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');});}
29if(settings.controlNav){ var nivoControl = $('<div class="nivo-controlNav"></div>'); slider.append(nivoControl); for(var i = 0; i < kids.length; i++){ if(settings.controlNavThumbs){ var child = kids.eq(i); if(!child.is('img')){ child = child.find('img:first');}
30if (settings.controlNavThumbsFromRel) { nivoControl.append('<a class="nivo-control" rel="'+ i +'"><img src="'+ child.attr('rel') + '" alt="" /></a>');} else { nivoControl.append('<a class="nivo-control" rel="'+ i +'"><img src="'+ child.attr('src').replace(settings.controlNavThumbsSearch, settings.controlNavThumbsReplace) +'" alt="" /></a>');}
31} else { nivoControl.append('<a class="nivo-control" rel="'+ i +'">'+ (i + 1) +'</a>');}
32}
33$('.nivo-controlNav a:eq('+ vars.currentSlide +')', slider).addClass('active'); $('.nivo-controlNav a', slider).live('click', function(){ if(vars.running) return false; if($(this).hasClass('active')) return false; clearInterval(timer); timer = ''; slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat'); vars.currentSlide = $(this).attr('rel') - 1; nivoRun(slider, kids, settings, 'control');});}

34if(settings.keyboardNav){ $(window).keypress(function(event){ if(event.keyCode == '37'){ if(vars.running) return false; clearInterval(timer); timer = ''; vars.currentSlide-=2; nivoRun(slider, kids, settings, 'prev');}
35if(event.keyCode == '39'){ if(vars.running) return false; clearInterval(timer); timer = ''; nivoRun(slider, kids, settings, 'next');}
36});}
37if(settings.pauseOnHover){ slider.hover(function(){ vars.paused = true; clearInterval(timer); timer = '';}, function(){ vars.paused = false; if(timer == '' && !settings.manualAdvance){ timer = setInterval(function(){ nivoRun(slider, kids, settings, false);}, settings.pauseTime);}
38});}
39slider.bind('nivo:animFinished', function(){ vars.running = false; $(kids).each(function(){ if($(this).is('a')){ $(this).css('display','none');}
40}); if($(kids[vars.currentSlide]).is('a')){ $(kids[vars.currentSlide]).css('display','block');}
41if(timer == '' && !vars.paused && !settings.manualAdvance){ timer = setInterval(function(){ nivoRun(slider, kids, settings, false);}, settings.pauseTime);}
42settings.afterChange.call(this); slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');}); var createSlices = function(slider, settings, vars){ for(var i = 0; i < settings.slices; i++){ var sliceWidth = Math.round(slider.width()/settings.slices); if(i == settings.slices-1){ slider.append( $('<div class="nivo-slice"></div>').css({ left:(sliceWidth*i)+'px', width:(slider.width()-(sliceWidth*i))+'px', height:'0px', opacity:'0', background: 'url("'+ vars.currentImage.attr('src') +'") no-repeat -'+ ((sliceWidth + (i * sliceWi

42dth)) - sliceWidth) +'px 0%'
43}) );} else { slider.append( $('<div class="nivo-slice"></div>').css({ left:(sliceWidth*i)+'px', width:sliceWidth+'px', height:'0px', opacity:'0', background: 'url("'+ vars.currentImage.attr('src') +'") no-repeat -'+ ((sliceWidth + (i * sliceWidth)) - sliceWidth) +'px 0%'
44}) );}
45}
46}
47var createBoxes = function(slider, settings, vars){ var boxWidth = Math.round(slider.width()/settings.boxCols); var boxHeight = Math.round(slider.height()/settings.boxRows); for(var rows = 0; rows < settings.boxRows; rows++){ for(var cols = 0; cols < settings.boxCols; cols++){ if(cols == settings.boxCols-1 && rows != settings.boxCols-1){ slider.append( $('<div class="nivo-box"></div>').css({ opacity:0, left:(boxWidth*cols)+'px', top:(boxHeight*rows)+'px', width:(slider.width()-(boxWidth*cols))+'px', height:boxHeight+'px', background: 'url("'+ vars.currentImage.attr('src') +'") no-repeat -'+ ((boxWidth + (cols * boxWidth)) - boxWidth) +'px -'+ ((boxHeight + (rows * boxHeight)) - boxHeight) +'px'
48}) );}else if(rows == settings.boxCols-1 && cols != settings.boxCols-1){ slider.append( $('<div class="nivo-box"></div>').css({ opacity:0, left:(boxWidth*cols)+'px', top:(boxHeight*rows)+'px', width:boxWidth+'px', height:(slider.height()-(boxHeight*cols))+'px', background: 'url("'+ vars.currentImage.attr('src') +'") no-repeat -'+ ((boxWidth + (cols * boxWidth)) - boxWidth) +'px -'+ ((boxHeight + (rows * boxHeight)) - boxHeight) +'px'
49}) );}else if(cols == settings.boxCols-1 && rows == settings.boxCols-1){ slider.append( $('<div class="nivo-box"></div>').css({ opacity:0, left:(boxWidth*cols)+'px', top:(boxHeight*rows)+'px', width:(slider.width()-(boxWidth*cols))+'px', height:(slider.height()-(boxHeight*cols))+'px', background: 'url("'+ vars.currentImage.attr('src') +'") no-repeat -'+ ((boxWidth + (cols * boxWidth)) - boxWidth) +'px -'+ ((boxHeight + (rows * boxHeight)) - boxHeight) +'px'
50}) );} else { slider.append( $('<div class="nivo-box"></div>').css({ opacity:0, left:(boxWidth*cols)+'px', top:(boxHeight*rows)+'px', width:boxWidth+'px', height:boxHeight+'px', background: 'url("'+ vars.currentImage.attr('src') +'") no-repeat -'+ ((boxWidth + (cols * boxWidth)) - boxWidth) +'px -'+ ((boxHeight + (rows * boxHeight)) - boxHeight) +'px'
51}) );}
52}
53}
54}
55var nivoRun = function(slider, kids, settings, nudge){ var vars = slider.data('nivo:vars'); if(vars && (vars.currentSlide == vars.totalSlides - 1)){ settings.lastSlide.call(this);}
56if((!vars || vars.stop) && !nudge) return false; settings.beforeChange.call(this); if(!nudge){ slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');} else { if(nudge == 'prev'){ slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');}
57if(nudge == 'next'){ slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');}
58}
59vars.currentSlide++; if(vars.currentSlide == vars.totalSlides){ vars.currentSlide = 0; settings.slideshowEnd.call(this);}
60if(vars.currentSlide < 0) vars.currentSlide = (vars.totalSlides - 1); if($(kids[vars.currentSlide]).is('img')){ vars.currentImage = $(kids[vars.currentSlide]);} else { vars.currentImage = $(kids[vars.currentSlide]).find('img:first');}
61if(settings.controlNav){ $('.nivo-controlNav a', slider).removeClass('active'); $('.nivo-controlNav a:eq('+ vars.currentSlide +')', slider).addClass('active');}
62processCaption(settings); $('.nivo-slice', slider).remove(); $('.nivo-box', slider).remove(); var currentEffect = settings.effect; if(settings.effect == 'random'){ var 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';}
63if(settings.effect.indexOf(',') != -1){ var anims = settings.effect.split(','); currentEffect = anims[Math.floor(Math.random()*(anims.length))]; if(currentEffect == undefined) currentEffect = 'fade';}
64if(vars.currentImage.attr('data-transition')){ currentEffect = vars.currentImage.attr('data-transition');}
65vars.running = true; if(currentEffect == 'sliceDown' || currentEffect == 'sliceDownRight' || currentEffect == 'sliceDownLeft'){ createSlices(sli

65der, settings, vars); var timeBuff = 0; var i = 0; var 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({ height:slider.height() + 'px', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished');});}, (100 + timeBuff));} else { setTimeout(function(){ slice.animate({ height:slider.height() + 'px', opacity:'1.0' }, settings.animSpeed);}, (100 + timeBuff));}
66timeBuff += 50; i++;});}
67else if(currentEffect == 'sliceUp' || currentEffect == 'sliceUpRight' || currentEffect == 'sliceUpLeft'){ createSlices(slider, settings, vars); var timeBuff = 0; var i = 0; var slices = $('.nivo-slice', slider); if(currentEffect == 'sliceUpLeft') slices = $('.nivo-slice', slider)._reverse(); slices.each(function(){ var slice = $(this); slice.css({ 'top': '0px' }); slice.css({ 'bottom': '0px' }); if(i == settings.slices-1){ setTimeout(function(){ slice.animate({ height:slider.height() + 'px', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished');});}, (100 + timeBuff));} else { setTimeout(function(){ slice.animate({ height:slider.height() + 'px', opacity:'1.0' }, settings.animSpeed);}, (100 + timeBuff));}
68timeBuff += 50; i++;});}
69else if(currentEffect == 'sliceUpDown' || currentEffect == 'sliceUpDownRight' || currentEffect == 'sliceUpDownLeft'){ createSlices(sli

69der, settings, vars); var timeBuff = 0; var i = 0; var v = 0; var 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;}
70if(v == settings.slices-1){ setTimeout(function(){ slice.animate({ height:slider.height() + 'px', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished');});}, (100 + timeBuff));} else { setTimeout(function(){ slice.animate({ height:slider.height() + 'px', opacity:'1.0' }, settings.animSpeed);}, (100 + timeBuff));}
71timeBuff += 50; v++;});}
72else if(currentEffect == 'fold'){ createSlices(slider, settings, vars); var timeBuff = 0; var i = 0; $('.nivo-slice', slider).each(function(){ var slice = $(this); var origWidth = slice.width(); slice.css({ top:'0px', height:slider.height() + 'px', 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));}
73timeBuff += 50; i++;});}

74else if(currentEffect == 'fade'){ createSlices(slider, settings, vars); var firstSlice = $('.nivo-slice:first', slider); firstSlice.css({ 'height': slider.height() + 'px', 'width': slider.width() + 'px'
75}); firstSlice.animate({ opacity:'1.0' }, (settings.animSpeed*2), '', function(){ slider.trigger('nivo:animFinished');});}
76else if(currentEffect == 'slideInRight'){ createSlices(slider, settings, vars); var firstSlice = $('.nivo-slice:first', slider); firstSlice.css({ 'height': slider.height() + 'px', 'width': '0px', 'opacity': '1'
77}); firstSlice.animate({ width: slider.width() + 'px' }, (settings.animSpeed*2), '', function(){ slider.trigger('nivo:animFinished');});}
78else if(currentEffect == 'slideInLeft'){ createSlices(slider, settings, vars); var firstSlice = $('.nivo-slice:first', slider); firstSlice.css({ 'height': slider.height() + 'px', 'width': '0px', 'opacity': '1', 'left': '', 'right': '0px'
79}); firstSlice.animate({ width: slider.width() + 'px' }, (settings.animSpeed*2), '', function(){ firstSlice.css({ 'left': '0px', 'right': ''
80}); slider.trigger('nivo:animFinished');});}
81else if(currentEffect == 'boxRandom'){ createBoxes(slider, settings, vars); var totalBoxes = settings.boxCols * settings.boxRows; var i = 0; var timeBuff = 0; var 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));}
82timeBuff += 20; i++;});}
83else if(currentEffect == 'boxRain' || currentEffect == 'boxRainReverse' || currentEffect == 'boxRainGrow' || currentEffect == 'boxRainGrowReverse'){ createBoxes(slider, settings, vars); var totalBoxes = settings.boxCols * settings.boxRows; var i = 0; var timeBuff = 0; var rowIndex = 0; var colIndex = 0; var box2Darr = new Array(); box2Darr[rowIndex] = new Array(); var boxes = $('.nivo-box', slider); if(currentEffect == 'boxRainReverse' || currentEffect == 'boxRainGrowReverse'){ boxes = $('.nivo-box', slider)._reverse();}
84boxes.each(function(){ box2Darr[rowIndex][colIndex] = $(this); colIndex++; if(colIndex == settings.boxCols){ rowIndex++; colIndex = 0; box2Darr[rowIndex] = new Array();}
85}); 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){ (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);}
86if(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));}
87})(rows, prevCol, timeBuff, i, totalBoxes); i++;}
88prevCol--;}
89timeBuff += 100;}
90}
91}
92var shuffle = function(arr){ for(var j, x, i = arr.length; i; j = parseInt(Math.random() * i), x = arr[--i], arr[i] = arr[j], arr[j] = x); return arr;}
93var trace = function(msg){ if (this.console && typeof console.log != "undefined")
94console.log(msg);}
95this.stop = function(){ if(!$(element).data('nivo:vars').stop){ $(element).data('nivo:vars').stop = true; trace('Stop Slider');}
96}
97this.start = function(){ if($(element).data('nivo:vars').stop){ $(element).data('nivo:vars').stop = false; trace('Start Slider');}
98}
99settings.afterLoad.call(this); return this;}; $.fn.nivoSlider = function(options) { return this.each(function(key, value){ var element = $(this); if (element.data('nivoslider')) return element.data('nivoslider'); var nivoslider = new NivoSlider(this, options); element.data('nivoslider', nivoslider);});}; $.fn.nivoSlider.defaults = { effect: 'random', slices: 15, boxCols: 8, boxRows: 4, animSpeed: 500, pauseTime: 3000, startSlide: 0, directionNav: true, directionNavHide: true, controlNav: true, controlNavThumbs: false, controlNavThumbsFromRel: false, controlNavThumbsSearch: '.jpg', controlNavThumbsReplace: '_thumb.jpg', keyboardNav: true, pauseOnHover: true, manualAdvance: false, captionOpacity: 0.8, prevText: 'Prev', nextText: 'Next', randomStart: false, beforeChange: function(){}, afterChange: function(){}, slideshowEnd: function(){}, lastSlide: function(){}, afterLoad: function(){}
100}; $.fn._reverse = [].reverse;})(jQuery);