Reset/restart nivoSlider

7 svar · 1 690 visningar · startad av bikic 15 apr. 2011

bikicMedlem sedan juni 2006261 inlägg

Frågan15 apr. 2011 05:59#1

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

voigtann1Medlem sedan juni 20019 519 inlägg

15 apr. 2011 07:23#2

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

bikicMedlem sedan juni 2006261 inlägg

15 apr. 2011 07:44#3

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.

bikicMedlem sedan juni 2006261 inlägg

20 apr. 2011 10:56#4

hej igen! får verkligen inte till det.

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

Mycket tacksam för svar!

voigtann1Medlem sedan juni 20019 519 inlägg

20 apr. 2011 11:10#5

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

bikicMedlem sedan juni 2006261 inlägg

20 apr. 2011 11:23#6

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.

voigtann1Medlem sedan juni 20019 519 inlägg

20 apr. 2011 11:29#7

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.

bikicMedlem sedan juni 2006261 inlägg

20 apr. 2011 12:13#8

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();

    	}