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

【Javascript】
http://www.geocities.jp/miyake_kobo/dl/temp/temp_1025.html
上記のような動作をするJavascriptでもっとソースがシンプルなものって無いでしょうか。
動作としては上記のものでほぼ希望通りなのですが、更新時等ちょっとミスにつながりそう
な気がするので、すっきりしたソースのものを探しています。
jQueryあたりを利用したものでも可です。

●質問者: interpellator
●カテゴリ:ウェブ制作
✍キーワード:JavaScript jQuery シンプル ソース ミス
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● Cherenkov
●25ポイント

Free Slideshow, Gallery And Lightboxes Scripts - Noupe

ここから好みのものを見つけてはどうでしょう。



Creating a Slick Auto-Playing Featured Content Slider | CSS-Tricks

これが近いかも。デモ。Featured Content Slider

◎質問者からの返答

ありがとうございます

ただだいぶ例示とは違うと思うんですが・・・


2 ● rouge_2008
●45ポイント

「Autoscroll plugin」

の動作が近いのではないかと思います。

もちろん画像だけでなく、テキストを表示したブロックのスクロールも可能です。

以下のように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>

設定項目やデフォルト値などは、以下のドキュメントで確認できます。

Autoscroll pluginドキュメント

その他、HTMLやCSSはデモのソースを確認してください。

http://flowplayer.org/tools/demos/scrollable/plugins/autoscroll....

◎質問者からの返答

ありがとうございます

参考にします

関連質問


●質問をもっと探す●



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