http://www.geocities.jp/miyake_kobo/dl/temp/temp_1025.html
上記のような動作をするJavascriptでもっとソースがシンプルなものって無いでしょうか。
動作としては上記のものでほぼ希望通りなのですが、更新時等ちょっとミスにつながりそう
な気がするので、すっきりしたソースのものを探しています。
jQueryあたりを利用したものでも可です。
Free Slideshow, Gallery And Lightboxes Scripts - Noupe
ここから好みのものを見つけてはどうでしょう。
Creating a Slick Auto-Playing Featured Content Slider | CSS-Tricks
これが近いかも。デモ。Featured Content Slider
の動作が近いのではないかと思います。
もちろん画像だけでなく、テキストを表示したブロックのスクロールも可能です。
以下のようにjQuery Toolsのjsを読み込んで使用しますが、ダウンロードして使用する事も可能です。
<script src="http://cdn.jquerytools.org/1.1.2/jquery.tools.min.js"></script>
http://flowplayer.org/tools/download.html
デモでは、ボタンクリックでスクロールが開始されますが、以下のように「autoplay」を「true」にすれば、ページを表示した時点でスクロールが開始されます。
window.api = $("#scroller").scrollable().autoscroll({ autoplay: true, api: true });
※ボタンによる操作が必要ない場合は、「api」の記述と以下のHTMLは必要ありません。
<div id="actionButtons"> <button type="button" onClick="api.play()">Play</button> <button type="button" onClick="api.pause()">Pause</button> <button type="button" onClick="api.stop()">Stop</button> </div>
設定項目やデフォルト値などは、以下のドキュメントで確認できます。
その他、HTMLやCSSはデモのソースを確認してください。
http://flowplayer.org/tools/demos/scrollable/plugins/autoscroll....
ありがとうございます
参考にします
ありがとうございます
ただだいぶ例示とは違うと思うんですが・・・