Just nu i M3-nätverket
Gå till innehåll
fickler

Slideshow med cookies?

Rekommendera Poster

Hej!

 

Jag har lagt in en slideshow i bakgrunden på en hemsida med ett script (jquery-cycle) som funkar kanon. Det enda är att jag vill att den aktuella bakgrunden sparar vid refresh och fortsätter då. Har förstått att detta går att göra med cookies, men har aldrig jobbat med det förut så skulle behöva lite hjälp för att få ihop det.. :) Bifogar lite kod:

 

<script> 
$(document).ready(function() {
			$('#slideshow').cycle({
			fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
			pager: '#smallnav', 
			pause:   1, 
			speed: 1800,
			timeout:  3500 
		});			
	});
</script>

 

Säg till om ni behöver se något mer!

 

//fickler

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Postad (redigerade)

Dokumentation: http://jquery.malsup.com/cycle/options.html

För kakornas skulle behöver du detta:

function getCookie(c_name)
{
var c_value = document.cookie;
var c_start = c_value.indexOf(" " + c_name + "=");
if (c_start == -1)
{
c_start = c_value.indexOf(c_name + "=");
}
if (c_start == -1)
{
c_value = null;
}
else
{
c_start = c_value.indexOf("=", c_start) + 1;
var c_end = c_value.indexOf(";", c_start);
if (c_end == -1)
{
c_end = c_value.length;
}
c_value = unescape(c_value.substring(c_start,c_end));
}
return c_value;
}

function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}

 

 

Sedan ändra ditt script för att sätta / hämta kakan vid start samt efter varje slide.

<script> 
var cookie=getCookie("slider"); //hämtar kaka

var startSlide = cookie==null ? 0 : cookie; // ange den slide som ska börja, om ingen kaka är satt, använd 0.

$(document).ready(function() {
	//$("#currSlide").html("Slide from cookie" + startSlide);  // för test
	$('#slideshow').cycle({
		fx: 'fade',
		pager: '#smallnav', 
		pause:   1, 
		speed: 1800,
		timeout:  3500, 
		after:  function (curr, next, opts)   { 
		  // $("#currSlide").html("Current slide " + opts.currSlide);   
		  setCookie("slider",opts.currSlide,365); //sätter kaka
		},
		startingSlide: startSlide // anger startslide
	});                     
});
</script> 

Redigerad av Jonas__B

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Skapa ett nytt konto på vårt forum. Det är lätt!

Registrera ett nytt konto

Logga in

Redan medlem? Logga in här.

Logga in nu



×
×
  • Skapa nytt...