そろそろカルーセルでアドバイス

質問

お願いします。

$("#s1").click(function(){
$("#s2".animate({marginLeft:parseInt($("#s2").css("marginLeft"))-200+"px"},"slow","swing",
function(){
$("ul:first").appendTo("#s2")
$("#s2").css("marginLeft","0px")
});
});

と例えばこんな感じで時間で画像が動くようにしたいのですが
どこで時間的な設定したらいいのかが解りません。

時間で動く関数とか教えてください

回答No.2

DoubtOwl

お礼への追記の意図がよく分かりませんが、

$("#s1").click(function(){
$("#s2".animate({marginLeft:parseInt($("#s2").css("marginLeft"))-200+"px"},"slow","swing",
function(){
$("ul:first").appendTo("#s2")
$("#s2").css("marginLeft","0px")
});
});

を

$("#s2".animate({marginLeft:parseInt($("#s2").css("marginLeft"))-200+"px"},"10000","swing",
function(){

にしたということでしょうか？

「slow」を任意の数字に変えるという回答なのですが。

補足

すいません。補足ができなかったもの

で、お礼でしかできなかったのです

$("#s1").click(function(){

の形にしたいわけじゃないです。これはできるんです。
時間で画像が切り替わるようにしたいんです。
そこで

$("#s2".animate({marginLeft:parseInt($("#s2").css("marginLeft"))-200+"px"},"10000","swing",
function(){

その通りです＾＾

回答No.1

DoubtOwl

animate関数の第2引数を変更してください。

$("#s2".animate({marginLeft:parseInt($("#s2").css("marginLeft"))-200+"px"},"slow","swing",
function(){

↓

$("#s2".animate({marginLeft:parseInt($("#s2").css("marginLeft"))-200+"px"},"10000","swing",
function(){

※単位はミリ秒です。上の例だと10秒かけて動きます。

使用している関数について調べたらすぐに分かりますよ。
参考URLを記載しておきます。

参考URL：

http://semooh.jp/jquery/

お礼

すいません

実際やってみたのですが問題は

＞$("#s2".animate({・・・・

だとたとえばclickで反応させる場合

#("#s8").click

という具合に何に対してとなるわけです

これだと、この何がないので記述がうまくいかないと思うのですが；；；

補足

有難うございます

さっそくやってみます