人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

JavaScriptの修正対応をお願い致します。

拾ってきたスクリプトなのですが、11枚の画像を読み込んで表示しております。
それが、左にスクロールされるプログラムです。
最後の11枚目の表示になると、次の12枚目(1枚目に戻したい)が11枚目の右に表示されており、
それを永遠とループ表示したいです。

以下のURLにそのプログラムを置いております。
http://www.geocities.jp/koooo_suke/

12枚目(元々1枚目の画像)の表示の際に、13枚目(2枚目の画像)が表示されず、
12枚目の画像が一番左に移動した瞬間に13枚目以降がバッと表示されます。

違和感がある表示なので、ずっとループがされているように見えるように修正をお願いしたいです。
私も修正に挑戦してみましたが、JavaScriptがとても見にくく、よく分からず断念致しました。
宜しくお願い致します。


CSSとJavaScriptは、ここに貼るととても長かったので、先程のURLのソースをご覧下さい…。

↓ソースの直リンクはコチラ
http://www.geocities.jp/koooo_suke/js/scrollable-horizontal.css
http://www.geocities.jp/koooo_suke/js/scrollable-buttons.css
http://www.geocities.jp/koooo_suke/js/jquery.tools.min.js

●質問者: にんにん
●カテゴリ:インターネット ウェブ制作
✍キーワード:CSS JavaScript URL スクリプト スクロール
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● ぱこち
●100ポイント ベストアンサー

jquery.tools.min.js の 215行目あたりにある

s=a.getItems().eq(1).clone().appendTo(g);

という部分を、

s=a.getItems().slice(1).clone().appendTo(g);

のように書き直すと、ループっぽく見えるようになります。若干無駄がありますが。


あと、単なるお節介なのですが、ご自分で修正に挑戦するつもりがある場合は、圧縮前のソースを見た方が分かりやすいと思いますよ。

私が修正した箇所は、ダウンロードページから落とせる scrollable.js で言うと、194行目あたりの

cloned2 = self.getItems().eq(1).clone().appendTo(itemWrap);

という部分です。

◎質問者からの返答

おおお!たしかにループしているように見えています!

ありがとうございます。

私はJavaScriptの理解がまだ低いので、修正に時間が掛かってしまうのが現状ですので、

pacochiさんの修正内容をそのまま利用させて頂きます!

ありがとうございました!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ