Reset/restart nivoSlider

Alla vet ju att nivoslider är den absolut bästa och snyggaste imageslidern som finns just nu. Fungerar riktigt bra med riktigt snygga inbyggda funktioner.

Jag har en utmaning som inte finns med i deras kod och det är att starta om eller döda nivoslidern vid en function call.

Anta att jag klickar på en div för att ta fram en dold div som innehåller bland annat en nivoslider. Denna nivoslider har ett unikt ID kopplat till den dolda divven. När man stänger ner den dolda divven så vill jag att nivoslidern upphör så att den måste laddas in på nytt om man skulle klicka fram den dolda divven igen.

Länk till nivoslidern:
http://nivo.dev7studios.com/

Länk till ett liknande problem men som jag inte får löst:
http://dev7studios.com/forum/discussion/112

Är mycket tacksam för svar!

Mvh Niklas

Kör på den koden som finns på forumet, du vet ju vilken element du vill resetar (med ditt ID).

Jo, jag fick bara en massa felmeddelanden när jag försökte arbeta med koden ovan. Får kolla mer på detta under dagen.

hej igen! får verkligen inte till det.

Hade verkligen velat ha en restart på något sätt.

Mycket tacksam för svar!

Vad har du försökt med då?

För att få med ID så måste jag bygga in closefunktionen under open.portfolio och det har jag lite svårt att få till, jag är som sagt väldigt begränsad i mitt kodande i jquery.

bikic skrev:

För att få med ID så måste jag bygga in closefunktionen under open.portfolio och det har jag lite svårt att få till, jag är som sagt väldigt begränsad i mitt kodande i jquery.

Eller så gör du som jag skrev i förra tråden, hämta nivo plugin:et som är synligt. Eller hämta alla, spelar ju ingen större roll(även om det kanske inte är optimalt) och reset:ar alla nivo sliders.

Kolla här:

openContainers = $(".explore-article:visible"),
that = this,
id = that.id.split("-")[1],
slideDownMethod = function ( ){
	targetOffset = $(that).parent().offset().top - 18;
						
	$('html,body').animate({scrollTop: '0px'}, "slow", function(){
                $("#"+ id).slideDown("slow", function() {

                    	setTimeout(function(){
                        	$("#"+ id + "-slider").nivoSlider({
                            		effect:'fade',
                            		animSpeed:150,
                            		pauseTime:4000,
                            		manualAdvance:true,
                           		directionNav:false, 
                            		pauseOnHover:true
                        	});
                    	}, 1000);
                });

                $('.portfolio-back').delay(2000).fadeIn("slow");
		$('.portfolio-back').css({'display' : 'none'});

            });

        };

	if( openContainers.length > 0 ) {

        	openContainers.slideUp(slideDownMethod);
		openContainers.find('div.nivo-slice').remove();
		openContainers.find('div.nivo-caption').remove();
		openContainers.find('div.nivo-controlNav').remove();

		$(window).unbind('keypress');

    	} else {

        	slideDownMethod();

    	}