【Javascript】

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

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2009/11/23 15:40:39
  • 終了:2009/11/28 20:35:30

回答(2件)

id:Cherenkov No.1

Cherenkov回答回数1502ベストアンサー獲得回数4922009/11/23 21:01:31

ポイント25pt

Free Slideshow, Gallery And Lightboxes Scripts - Noupe

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



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

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

id:interpellator

ありがとうございます

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

2009/11/23 21:40:08
id:rouge_2008 No.2

rouge_2008回答回数594ベストアンサー獲得回数3512009/11/24 11:01:15

ポイント45pt

「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....

id:interpellator

ありがとうございます

参考にします

2009/11/25 14:00:20

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません