Witam

Dopiero zaczynam pracę z Ajaxem i jQuery. Dotychczas korzystałem z gotowych skryptów jQuery, ale postanowiłem napisać sobie coś sam.
Mam taki skrypt:

[XML] pobierz, plaintext 
<script type="text/javascript">
function show() {
	var $factive = $('.galeria img.factive');
	var $lactive = $('.galeria img.lactive');
 
	$factive.show().removeClass('factive');
	$lactive.show().removeClass('lactive');
 
     	$factive.next().addClass('factive'); 
     	$lactive.prev().addClass('lactive');
}
 
$(function() {  
$('.galeria img').hide();
setInterval( "show()", 2000 ); });
 
</script>
[XML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div class="galeria">
	<img src="images/1.jpg" class="factive" alt="" />
	<img src="images/2.jpg" alt="" />
	<img src="images/3.jpg" alt="" />
	<img src="images/4.jpg" alt="" />
	<img src="images/51.jpg" alt="" />
	<img src="images/6.jpg" alt="" />
	<img src="images/7.jpg" alt="" />
	<img src="images/8.jpg" class="lactive" alt="" />
</div>
[HTML] pobierz, plaintext 

1. Skryp działa tak, że wykonuje funkcje show(), ale nie wykonuje funkcji removeClass i addClass.
2. Jak dam styl obrazków na display: none, i zamiast funkcji show() dam FadeIn() nie działa nic, ale jak dam opacity: 0.0 i animate() to już jest ok

Przypuszczam, że popełniłem jakiś prosty bład, ale jak napisałem dopiero zaczynam.


EDIT:
Nie nadaje klasy w liniach
$factive.next().addClass('factive');
$lactive.prev().addClass('lactive');
Chociaż jak sprawdzam to istnieje następny i poprzedni element.

Temat: JavaScript jesli Twoj watek go dotyczy KONIECZNIE przeczytaj