Meddelande

Du befinner dig just nu på en äldre version av Pluggakuten, gamla.pluggakuten.se. Nya Pluggakuten lanserades den 6 februari 2017 och du finner forumet på www.pluggakuten.se.

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. Är du redan medlem kan du däremot fortfarande logga in och svara i befintliga 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

 


Sidfot

Powered by PunBB
© Copyright 2002–2005 Rickard Andersson

Powered by Mattecentrum
 |  Denna sida använder cookies |  Kontakta oss |  Feedback |