Nie wiem czy temat jasno sformułowałem

Wiem jak zrobić płynnie przejście dzięki jQuery, gdy mam dwa obrazki - jeden schowany pod drugim (mój przykład).
Mam prosty css:
Kod
div.menuim {position: absolute; float:left;}
div.menulink {position:relative; left:520px; float:left;}
img {position: absolute; border: 1px solid black; padding:1px;}
div.menulink {position:relative; left:520px; float:left;}
img {position: absolute; border: 1px solid black; padding:1px;}
prosty plik php:
Kod
$max=2; // tutaj zmieniamy ilość linków ($max-1), czyli ilość zdjęć, które powinny się płynnie podmieniać
for ($i=1;$i<$max;$i++) {
echo '<div class="menuim">'."\n";
echo "<a href='index.php?mid=".$i."'>\n
<img src='img/0.jpg' alt = 'test_default' id='0'/> \n
<img src='img/".$i.".jpg' alt = 'test_".$i."' id='".$i."'/>\n
</a>\n</div>\n";
echo '<div class="menulink"><a href="index.php?id=#" >Zdjęcie '.$i.'</a></div>';
}
for ($i=1;$i<$max;$i++) {
echo '<div class="menuim">'."\n";
echo "<a href='index.php?mid=".$i."'>\n
<img src='img/0.jpg' alt = 'test_default' id='0'/> \n
<img src='img/".$i.".jpg' alt = 'test_".$i."' id='".$i."'/>\n
</a>\n</div>\n";
echo '<div class="menulink"><a href="index.php?id=#" >Zdjęcie '.$i.'</a></div>';
}
no i fragment jQuery:
Kod
$(document).ready(function() {
$('.menuim').hover(function() {
$('.menuim').find('img:first').show('slow');
}, function() {
$('.menuim').find('img:last').hide();
}).find('img:last').hide();
});
$(document).ready(function() {
$('.menulink').hover(function() {
$('.menuim').find('img:first').fadeOut('slow').next().fadeIn(1000);
}, function() {
$('.menuim').find('img:last').fadeOut('slow').prev().fadeIn(1000);
}).find('img:last').hide();
});
$('.menuim').hover(function() {
$('.menuim').find('img:first').show('slow');
}, function() {
$('.menuim').find('img:last').hide();
}).find('img:last').hide();
});
$(document).ready(function() {
$('.menulink').hover(function() {
$('.menuim').find('img:first').fadeOut('slow').next().fadeIn(1000);
}, function() {
$('.menuim').find('img:last').fadeOut('slow').prev().fadeIn(1000);
}).find('img:last').hide();
});
Cienias jestem z JS a jQuery poznaję dopiero - szukałem po sieci i sporo jest materiałów na temat fadeIn i fadeOut, lecz nie potrafię tego scalić w działający mechanizm. Czy ktoś z Was spotkał się z podobnym problemem? Może znacie jakieś niezbyt skomplikowane rozwiązanie?
pzdr,
nazartom
rozumiem, ze to nie jest temat dla "przedszkola"?
