どうしてもわかりません カルーセル
$(function(){
$("#s2").click(function(){
$("#s4").animate({marginLeft:parseInt($("#s4").css("marginLeft"))-300+"px"},"slow","swing",
function(){
$("ul.s5:first").appendTo("#s4");
$("#s4").css("marginLeft","0px");
});
});
$("#s6").click(function(){
$("#s4").animate({marginLeft:parseInt($("#s4").css("marginLeft"))+200+"px"},"slow","swing",
function(){
$("ul.s5:lest").appendTo("#s4");
$("#s4").css("marginLeft","-300px");
});
});
});
左まわり?はできるんですが、逆方向がどうしてもできません。
animate({marginLeft:parseInt($("#s4").css("marginLeft"))+200+"px"},"slow","swing",
のぶぶんが実はよくわかってません。
+200+"px"の部分は回転させる方向なわけですが
だとすると、ある特定の位置までいったらappendなりprependがかかって
画像がお尻?につくという事なわけですが
逆方向はそうはならない。なぜなんだろうと納得できないわけです。
すいません。お願いします
お礼
ありがとうございます。