拾ってきたスクリプトなのですが、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
No.1
247
113
100pt
jquery.tools.min.js の 215行目あたりにある
s=a.getItems().eq(1).clone().appendTo(g);
という部分を、
s=a.getItems().slice(1).clone().appendTo(g);
のように書き直すと、ループっぽく見えるようになります。若干無駄がありますが。
あと、単なるお節介なのですが、ご自分で修正に挑戦するつもりがある場合は、圧縮前のソースを見た方が分かりやすいと思いますよ。
私が修正した箇所は、ダウンロードページから落とせる scrollable.js で言うと、194行目あたりの
7
4
cloned2 = self.getItems().eq(1).clone().appendTo(itemWrap);
という部分です。
rouge_2008
2010/07/03 04:09:45
1
1
2
1
Cherenkov
にんにん
おおお！たしかにループしているように見えています！
ありがとうございます。
私はJavaScriptの理解がまだ低いので、修正に時間が掛かってしまうのが現状ですので、
pacochiさんの修正内容をそのまま利用させて頂きます！
ありがとうございました！