[Resolvido] Nivo Slider

Paquielli · Março 27, 2012

Olá pessoal, preciso da ajuda de vocês.

é o seguinte estou fazendo um site e na parte do slide botei Next e Prev

só que esse Next e Prev, só aparece se eu passar o mouse em cima da imagem,

eu gostaria que ficasse ativo mesmo sem passar o mouse em cima da imagem vou posta

os códigos.

CSS ->

#slider {
position:relative;
   width:980px;
   height:340px;
   margin-left:0px;
background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
#slider a {
border:0;
display:block;
}

.nivo-controlNav {
width:245px;
height:55px;
position:absolute;
background:url(../imagens/slider/laco.png);
z-index:8;
top:280px;
}
.nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(../imagens/slider/bola.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:10px;
margin-top:15px;
float:left;
left:80px;
}

.nivo-controlNav a.active {
background-position:0 -22px;
}

.nivo-directionNav a {
position:absolute;
width:28px;
height:29px;
background:url(../imagens/slider/arrows.png) repeat-y;
text-indent:-999px;
margin-top:130px;
margin-left:35px;
left:148px;
border:0;
}

.nivo-directionNav a:hover {
display:block;
width:36px;
height:40px;
background:url(../imagens/slider/arrowshover.png) no-repeat;
text-indent:-9999px;
border:0;
}

a.nivo-nextNav {
background-position:-36px 0;
right:0px;
}

a.nivo-nextNav:hover {
background-position:-36px 0;
right:0px;
}

a.nivo-prevNav {
left:0px;
}

.nivo-caption {
   text-shadow:none;
   font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
   color:#efe9d1;
   text-decoration:underline;
}



/* The Nivo Slider styles */
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:8;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
   display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position:relative;
z-index:9;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}

Se precisar do Javascript me avise.

NetBoy16 · Março 27, 2012

Eu acredito que precise do javascript, feito que, essa acao de mostrar os caption só acontece ao passar o mouse, mas acredito que tb de pra fazer via css :hover, vou ver melhor o codigo css, mas se puder poste o js tb

Paquielli · Março 27, 2012

/*
* jQuery Nivo Slider v2.7.1
* http://nivo.dev7studios.com
*
* Copyright 2011, Gilbert Pellegrom
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 
* March 2010
*/

(function($) {

   var NivoSlider = function(element, options){
	//Defaults are below
	var settings = $.extend({}, $.fn.nivoSlider.defaults, options);

       //Useful variables. Play carefully.
       var vars = {
           currentSlide: 0,
           currentImage: '',
           totalSlides: 0,
           running: false,
           paused: false,
           stop: false
       };

       //Get this slider
       var slider = $(element);
       slider.data('nivo:vars', vars);
       slider.css('position','relative');
       slider.addClass('nivoSlider');

       //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 = child.width();
           if(childWidth == 0) childWidth = child.attr('width');
           var childHeight = child.height();
           if(childHeight == 0) childHeight = child.attr('height');
           //Resize the slider
           if(childWidth > slider.width()){
               slider.width(childWidth);
           }
           if(childHeight > slider.height()){
               slider.height(childHeight);
           }
           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
       slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');

       //Create caption
       slider.append(
           $('<div class="nivo-caption"><p></p></div>').css({ display:'none', opacity:settings.captionOpacity })
       );		

       // Cross browser default caption opacity
       $('.nivo-caption', slider).css('opacity', 0);

	// 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('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);
			}					
			nivoCaption.stop().fadeTo(settings.animSpeed, settings.captionOpacity);
		} else {
			nivoCaption.stop().fadeTo(settings.animSpeed, 0);
		}
	}

       //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(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
       }

       //Add Direction nav
       if(settings.directionNav){
           slider.append('<div class="nivo-directionNav"><a class="nivo-prevNav">'+ settings.prevText +'</a><a class="nivo-nextNav">'+ settings.nextText +'</a></div>');

           //Hide Direction nav
           if(settings.directionNavHide){
               $('.nivo-directionNav', slider).hide();
               slider.hover(function(){
                   $('.nivo-directionNav', slider).show();
               }, function(){
                   $('.nivo-directionNav', slider).hide();
               });
           }

           $('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){
           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');
                   }
                   if (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>');
                   }
               } else {
                   nivoControl.append('<a class="nivo-control" rel="'+ i +'">'+ (i + 1) +'</a>');
               }

           }
           //Set initial active link
           $('.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');
           });
       }

       //Keyboard Navigation
       if(settings.keyboardNav){
           $(window).keypress(function(event){
               //Left
               if(event.keyCode == '37'){
                   if(vars.running) return false;
                   clearInterval(timer);
                   timer = '';
                   vars.currentSlide-=2;
                   nivoRun(slider, kids, settings, 'prev');
               }
               //Right
               if(event.keyCode == '39'){
                   if(vars.running) return false;
                   clearInterval(timer);
                   timer = '';
                   nivoRun(slider, kids, settings, 'next');
               }
           });
       }

       //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(){ 
           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){
           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 * sliceWidth)) - sliceWidth) +'px 0%'
					})
				);
			} 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%'
					})
				);
			}
		}
       }

	// Add boxes for box animations
	var 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){
					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'
						})
					);
				} 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'
						})
					);
				}
			}
		}
	}

       // Private run method
	var nivoRun = function(slider, kids, settings, nudge){
		//Get our vars
		var vars = slider.data('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){
			slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');
		} else {
			if(nudge == 'prev'){
				slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');
			}
			if(nudge == 'next'){
				slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');
			}
		}
		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){
			$('.nivo-controlNav a', slider).removeClass('active');
			$('.nivo-controlNav a:eq('+ vars.currentSlide +')', slider).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;
		//Generate random 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';
		}

           //Run random effect from specified set (eg: effect:'fold,fade')
           if(settings.effect.indexOf(',') != -1){
               var 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;
		if(currentEffect == 'sliceDown' || currentEffect == 'sliceDownRight' || currentEffect == 'sliceDownLeft'){
			createSlices(slider, 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:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
					}, (100 + timeBuff));
				} else {
					setTimeout(function(){
						slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed);
					}, (100 + timeBuff));
				}
				timeBuff += 50;
				i++;
			});
		} 
		else 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({ 'bottom': '0px' });
				if(i == settings.slices-1){
					setTimeout(function(){
						slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
					}, (100 + timeBuff));
				} else {
					setTimeout(function(){
						slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed);
					}, (100 + timeBuff));
				}
				timeBuff += 50;
				i++;
			});
		} 
		else if(currentEffect == 'sliceUpDown' || currentEffect == 'sliceUpDownRight' || currentEffect == 'sliceUpDownLeft'){
			createSlices(slider, 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;
				}

				if(v == settings.slices-1){
					setTimeout(function(){
						slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
					}, (100 + timeBuff));
				} else {
					setTimeout(function(){
						slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed);
					}, (100 + timeBuff));
				}
				timeBuff += 50;
				v++;
			});
		} 
		else 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:'100%', 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);

			var firstSlice = $('.nivo-slice:first', slider);
               firstSlice.css({
                   'height': '100%',
                   '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);

               var firstSlice = $('.nivo-slice:first', slider);
               firstSlice.css({
                   'height': '100%',
                   '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);

               var firstSlice = $('.nivo-slice:first', slider);
               firstSlice.css({
                   'height': '100%',
                   '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 == '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));
				}
				timeBuff += 20;
				i++;
			});
		}
		else 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;

			// Split boxes into 2D array
			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();
			}
			boxes.each(function(){
				box2Darr[rowIndex][colIndex] = $(this);
				colIndex++;
				if(colIndex == settings.boxCols){
					rowIndex++;
					colIndex = 0;
					box2Darr[rowIndex] = new Array();
				}
			});

			// 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), 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('nivo:vars').stop){
               $(element).data('nivo:vars').stop = true;
               trace('Stop Slider');
           }
       }

       this.start = function(){
           if($(element).data('nivo:vars').stop){
               $(element).data('nivo:vars').stop = false;
               trace('Start Slider');
           }
       }

       //Trigger the afterLoad callback
       settings.afterLoad.call(this);

	return this;
   };

   $.fn.nivoSlider = function(options) {

       return this.each(function(key, value){
           var element = $(this);
           // Return early if this element already has a plugin instance
           if (element.data('nivoslider')) return element.data('nivoslider');
           // Pass options to plugin constructor
           var nivoslider = new NivoSlider(this, options);
           // Store plugin object in this element's data
           element.data('nivoslider', nivoslider);
       });

};

//Default settings
$.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(){}
};

$.fn._reverse = [].reverse;

})(jQuery);

NetBoy16 · Março 27, 2012

nesse bloco:

 //Hide Direction nav
           if(settings.directionNavHide){
               $('.nivo-directionNav', slider).hide();
               slider.hover(function(){
                   $('.nivo-directionNav', slider).show();
               }, function(){
                   $('.nivo-directionNav', slider).hide();
               });
           }

comenta tudo e deixa assim embaixo:

$('.nivo-directionNav', slider).show();

veja se resolve :thumbsup:

Paquielli · Março 27, 2012

Resolveu... obrigado cara :) :) :)

NetBoy16 · Março 27, 2012

que bom que deu certo, de nada :grin:

Entrar

Arquivado

[Resolvido] Nivo Slider

Recommended Posts

Paquielli 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

NetBoy16 72

Compartilhar este post

Link para o post

Compartilhar em outros sites

Paquielli 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

NetBoy16 72

Compartilhar este post

Link para o post

Compartilhar em outros sites

Paquielli 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

NetBoy16 72

Compartilhar este post

Link para o post

Compartilhar em outros sites

printf iniciante básico

JAVA - Orientação para Invalidar Sessão

JAVA - Ajuda em Paginação

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante