Animated JavaScript Slideshow

しろうさぎの作品

海水魚ギャラリー（海水魚の飼育）

  1. 配布元の「LEIGEBER」のサイトより「Animated JavaScript Slideshow」ファイルをダウンロードします
  2. 10枚の写真を用意して、Photoshopで「メイン用とサムネール用」にトリミングします
  3. JavaScriptの「compressed.js」と「script.js」を＜header＞内に読み込ませます
  4. 「body」内にブラウザ表示の速度等を設定する「javascript」を記述します

    ＜script type="text/javascript"＞

    $('slideshow').style.display='none';

    $('wrapper').style.display='block';

    var slideshow=new TINY.slideshow("slideshow");

    window.onload=function(){

    slideshow.auto=true;

    slideshow.speed=11;　// メイン画像のスライドショーの速度設定 //

    slideshow.link="linkhover";

    slideshow.info="information";

    slideshow.thumbs="slider";

    slideshow.left="slideleft";

    slideshow.right="slideright";

    slideshow.scrollSpeed=3; // サムネール画像のスクロールの速度設定 //

    slideshow.spacing=5;

    slideshow.active="#fff";

    slideshow.init("slideshow","image","imgprev","imgnext","imglink");

    }

    ＜/script＞

  • 総作業時間：1時間30分
    （画像補正：30分/コーディング：1時間）


■しろうさぎの作品
「一人前のwebデザイナーになるために｜webnotebook」にアップ中！！