Meddelande
På gamla.pluggakuten.se kan du fortfarande läsa frågorna och svaren som ställts, men du kan inte skapa ett nytt konto eller nya trådar. Nya frågor och nytt konto skapar du på det nya forumet, välkommen dit!
JQuery kod
- Läxa89
- Medlem
Offline
- Registrerad: 2013-10-31
- Inlägg: 62
JQuery kod
Hej
Jag behöver hjälp med en kod som ska göra att bilder på dagens rätt ska rotera varje dag, jag har hittat koden och de funkar för mig men varje gång jag uppdaterar sidan så återgår listan till bild 1 istället för att vara på bild 4 som det var innan uppdateringen av sidan. Jag vet att jag måste använda localstorage, kan någon visa mig hur jag kan använda den?
Koden ser ut så här:
<script type="text/javascript">
//extending jQuery with ':random' selector, best put into separate plugin js file
jQuery.jQueryRandom = 0;
jQuery.extend(jQuery.expr[":"],
{
random: function(a, i, m, r) {
if (i == 0) {
};
return i == jQuery.jQueryRandom;
}
});
$(function() {
$('#slideshow img').not(':random').hide(); //hide all images except one initially
setInterval(function(){
$('#slideshow img:visible').fadeOut('fast')
.siblings('img:random').fadeIn('slow')
.end().appendTo('#slideshow');},
86400); // 24 h (sekunder) intervall
$(document).ready(function(){
if(localStorage && localStorage.getItem('activeComm')){
comm=localStorage.getItem('activeComm');
$('#'+comm).slideToggle("fast");
}
$(".hide").click(function(){
$comm=$(this).next(".comm");
$comm.slideToggle("fast");
localStorage.setItem('activeComm',$comm.attr('id'));
return false;
});
});
});
</script>
//Läxa89