jQuery Diashow stoppt nach einem Bild in benutzerdefinierten Wordpress-Vorlage

Question

Siehe Titel. Es scheint gut zu laden und überblendet sich gut in ein Bild, aber danach weigert es sich zu arbeiten.

Als ich Chrome verwendet habe, um zu überprüfen und zu sehen, was falsch ist, hat es mir gesagt, dass es die slideSwitch-Funktion nicht erkennt, obwohl die Dinge gut funktionierten, als ich es lokal getestet habe.

Wie auch immer, ich hoffe, dass die Meister hier bei stackoverflow meinem schwachsinnigen Selbst helfen können.

Vielen Dank im Voraus.

jQuery-Code:

$(function slideSwitch() { 
    var $active = $('#slideshow img.active'); 

    if ($active.length == 0) $active = $('#slideshow img:last'); 

    var $next = $active.next().length ? $active.next() : $('#slideshow img:first'); 

    $active.addClass('last-active'); 

    $next.css({ 
     opacity: 0.0 
    }).addClass('active').animate({ 
     opacity: 1.0 
    }, 2000, function() { 
     $active.removeClass('active last-active'); 
    }); 
}); 

$(function() { 
    setInterval("slideSwitch()", 5000); 
}); 

Und hier ist es CSS ist begleitet:

#slideshow { 
    height:327px; 
    border:thick #000; 
    list-style:none; 
    margin:0px auto; 
    width:600px; 
    overflow: hidden; 
    position:relative; 
} 

#slideshow img { 
    border: solid #000000 10px; 
    display:block; 
    position:absolute; 
    z-index: 8; 
} 

#slideshow img.active { 
    z-index:10; 
} 

#slideshow img.last-active { 
    z-index:9; 
} 

Answer 1

Da SetInterval ein eval ist.

dies also tun:

window.setInterval(function() { 
    slideSwitch(); 
}, 5000); 

See: http://jsfiddle.net/cxPU6/

Lesen Sie mehr hier: window.setInterval from inside an object

ich das gleiche Problem über bekommen und immer wieder :)

Answer 2

Versuchen:

setInterval(function(){ 
    slideSwitch(); 
}, 5000);