Sprawdziłem wiele gotowych rozwiązań, ale żaden slider czy galeria nie działa tak jakbym tego chciał.

Potrzebuję naprawdę bardzo prostego skryptu z użyciem jQuery, ale jestem jeszcze zielony w tym temacie, więc proszę Was o pomoc.

Jak to ma działać?

Lista miniaturek zdjęć, po kliknięciu na miniaturkę ładuje się ona w innym divie w postaci większego pliku.
I w tym divie z większym plikiem jest jeszcze możliwość kliknięcia w obrazek, który wyświetli się już w pełnym wymiarze.
Fajnie jakby był też efekt przejścia typu fade.

Chcę przygotować 3 rodzaje plików typu img1a.jpg; img1b.jpg; img1c.jpg;

Nie wiem czy dobrze kombinuję, ale na chwilę obecną mam taką konstrukcję:

[HTML] pobierz, plaintext 
<div class="miniatury">
	<img src="images/img1a.jpg" id="1" alt="" />
	<img src="images/img2a.jpg" id="2" alt="" />
</div>
 
<div class="podglad">
 
</div>
 
<script type="text/javascript">
$(".miniatury img").click(function(){
	var $id = $(this).attr('id'); 
 
	$(".podglad").append('<a href="images/img'+ $id +'c.jpg"><img src="images/img'+ $id +'b.jpg" alt="" /></a>');
 
});
</script>
[HTML] pobierz, plaintext 

Tylko, że append dodaje mi za każdym razem nowy obrazek, a chciałbym aby po kliknięciu w inną miniaturkę wcześniejszy obrazek znikał, a w jego miejsce pojawiał się nowy.

Będę wdzięczny za wszelkie wskazówki.

Edit:

Sprawa załatwiona, zamiast append() powinno być html()