Здравствуйте, уважаемые.
Есть 3 блока (в будущем больше) и надо, чтобы они менялись с фэйдом при клике на правую или левую стрелку, при этом это было все циклично и докрутив до конца можно было начать сначала.
Написал вот такой скрипт:
<script type="text/javascript">
function change_it(id1, id2){
$('#'+'nomer'+id1).fadeOut(300, function() { $('#'+'nomer'+id2).fadeIn(300); } );
}
var cstatus = 0;
var etot;
function next(){
etot = cstatus;
cstatus = cstatus > 2 ? 0 : cstatus + 1;
change_it(etot, cstatus);
return true;
}
function prev(){
etot = cstatus;
cstatus = cstatus < 0 ? 2 : cstatus - 1;
change_it(etot, cstatus);
return true;
}
</script>
для вот этого куска ШТМЛ:
<style type="text/css">
#nomer0{}
#nomer1{display: none;}
#nomer2{display: none;}
</style>
<div id="leftarrow"><a id="doleft" onclick="prev();" href=""><img src="goleft.gif" alt="image" width="21" height="47" /></a></div>
<div id="nomer0" class="tovar"><img src="iphone.jpg" alt="image" width="192" height="105" /></div>
<div id="nomer1" class="tovar"><img src="plasinkus.jpg" alt="image" width="192" height="105" /></div>
<div id="nomer2" class="tovar"><img src="player.jpg" alt="image" width="192" height="124" /></div>
<div id="rightarrow"><a id="doright" onclick="next();" href=""><img src="goright.gif" alt="image" width="21" height="47" /></a></div>
Как вы уже поняли не работает, просто никак не реагирует и что-то я не могу понять что не так. С джейКью я только начал работать, так что ногами просьба не пинать.
Спасибо.
