![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67b6d)
宜しくお願いします。
$(function(){
var files = [
'photo01.jpg',
'photo02.jpg',
'photo03.jpg',
'photo04.jpg',
'photo05.jpg'
];
var currentNum = 0;
var timer;
for(i = 0; i < files.length; i++){
$('#paging').append(
$('<li></li>').attr("data-img", files[i]));
};
$("#paging li:first-child").addClass("active");
window.onload = function(){
autoPlay();
}
//自動再生を制御
function autoPlay(){
timer = setTimeout(function(){
$("#slide:not(:animated)").animate({
"margin-left" : -1*$("#slide li").width()
},{duration:2000}
,
function(){
currentNum++;
if(currentNum > files.length -1){
currentNum = 0;
}
$("#slide").css("margin-left","0").append($("#slide li:first-child"));
$('#paging li').removeClass('active');
$('#paging li').eq(currentNum).addClass('active');
});
autoPlay();
},2000);
}
});
上記のソースですが、{duration:2000}と指定すると正常に動作しません。
{duration:2000}の個所を2000と記述すると正常に動作します。
出来ればオプション名を明記したいのです。
お手数をおかけ致しますが教えて頂けませんか?
No.2ベストアンサー
- 回答日時:
オプション名を明記しないと2000がdurationかどうか解りにくいから
という意図でしょうか?
それであればvar duration = 2000;と宣言しておいてdurationを引数に渡すのがよいかと思います。
DoubtOwl様
ご回答頂きましてどうもありがとうございます。
ご提示下さった方法で無事に解決致しました。
お陰さまでメンテナンスがしやすくなりました。
御世話になりました。
No.1
- 回答日時:
コードのみのご提示なので、具体的な内容は理解していませんが・・・
>{duration:2000}と指定すると正常に動作しません。
jQueryの書式等に関しては本家のサイトに丁寧なドキュメンテーションが公開されていますので、そこで確認するのが一番です。
http://api.jquery.com/animate/
ご提示の書式は、上記の上段にある書式なので第二引数はduration(またはeasingまたはcomplete)を意味するため、typeは「Number or String」と限定されています。
オブジェクト形式で指定なさりたいのであれば、下段にある書式を用いればよろしいかと。
どうしても独自書式にこだわりたい場合は・・・
jQueryではメソッドの追加ができるようになっていますので、書式を変換する関数(例:myAnimationとか)を作成し、拡張定義することで他のメソッドと同様に利用することが可能になります。
拡張したメソッドを利用することで、お好みの書式での指定もできるようになるかと。
http://api.jquery.com/jQuery.fn.extend/
fujillin様
早々にご回答を頂きましてどうもありがとうございます。
ドキュメンテーションをしっかりと確認したいと思います。
ドキュメントをきちんと理解出来るようにしっかりと勉強します。
御世話になりました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・「I love you」 をかっこよく翻訳してみてください
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・昔のあなたへのアドバイス
- ・かっこよく答えてください!!
- ・あなたが好きな本屋さんを教えてください
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
functionから別のfunctionを実...
-
関数でy=g(x)のgとは何の略です...
-
idを使わずにonclickで自身の要...
-
jslintのエラーについて質問
-
jspからjavascriptの変数引継ぎ
-
google apps scriptの終了のさせ方
-
ジェネレーターの作り方
-
Boolean型配列中のTrueの有無を...
-
javascript 特定のタグのidの存...
-
C#OpenCv V4にのエラーに関する...
-
Javascriptグローバル変数の値...
-
C言語の質問です HTMLでこのよ...
-
ASP.NET MVCでObjectをjsに渡す
-
Vb.netのグローバル変数の宣言...
-
JavaScript で配列の終わりまで...
-
ランダムに複数のリンク、重複...
-
句点“。”で区切り、“。”も含め...
-
htmlの中に記述している画像フ...
-
javascriptでiframeのURL変更は?
-
webページ上のTabキーの動き
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
関数でy=g(x)のgとは何の略です...
-
idを使わずにonclickで自身の要...
-
functionから別のfunctionを実...
-
jQueryの :not() .not() が有効...
-
処理前の「お待ちください」
-
jslintのエラーについて質問
-
XMLHttpRequestでキャッシュを...
-
クリックすると上に開くアコー...
-
コードをスマートにさせたい。
-
関数名をテキストから読み込む...
-
jqueryの変数を関数の外に出す方法
-
シューティングゲームの作り方
-
要素名がスペースを含む場合のj...
-
getElementByIdを使用したグロ...
-
XMLHttpRequestオブジェクトが...
-
jQueryが読み込めない
-
Ajaxでデータベース(PostgreSQL)
-
setTimeoutで、止まらない
-
jQueryでzipを解凍読み込みする...
-
CDの曲をケータイのSDに移す
おすすめ情報