タグ

スライドショーに関するsamuri02のブックマーク (2)

  • かなりシンプルなAjaxスライドショー - omnioo lab.

    数あるAjaxのスライドショーなんですが、単純にスライドショーしてくれるものがあんまりないです。ただ単にスライドショーしてくれるスクリプトの紹介です。 Simple slide show Demo  jQueryライブラリーを使っています。これを使う方が手っ取り早いし安定してます。またGoogleではjQueryのAPIサービスを行っているので自由に利用することができます。デモ画面でもGoogleからライブラリーを読み込んでいます。ちょっとしたスライドショーだったらこれで十分なのですが自分の画像ギャラリーなど大量の画像などを読み込む際には自分でjQueryをダウンロードして自分のサーバーに設置した方がいいです。  ここでは手っ取り早くGoogleからjQueryを読み込む例を紹介します。 simple_jquery_slideshow.zip 設定方法 HTML HTMLソースではdiv

    samuri02
    samuri02 2011/10/31
    これだよ!このシンプルさが欲しかった!
  • JavascriptでFlashのようなスライドショウ

    script.aculo.usの実験をかねて、Javascriptを使った画像のスライドショウをやってみました。画像が何枚かフェードイン/アウトして最終的にメニューというかメインのコンテンツが出るというものです。 準備 以下のJavascriptコードを使用します。これは、スライドショウを行う箇所にdivをimgタグを追加して時間が来たら切り替える処理を入れています。 /** * @brief slide show javascript * @author Daijiro Abe * @date 2007.07.22 */ var slide_id = 'slideshow'; // スライドショウを行う箇所のid var img_base = 'img/'; // 画像ファイルを格納するパス var img_width = 350; // 画像ファイルの幅 var img_height

    JavascriptでFlashのようなスライドショウ
  • 1