logoMemo クラウド環境でのメモ帳

/assets/js/cycle.jsを使ってスライドショーを表示できる。jQuery1.2.6以降のプラグインになっている。bootstrap.jsにはない別個のスクリプトで、オリジナルはM. Alsupが開発したVersion: 2.88 (08-JUN-2010)である。


  <script type="text/javascript" src="/assets/js/cycle.js"></script>
  <script>$('.rotator').cycle({ fx: 'fade', speed: 500, timeout: 5000 });</script>
  <ul class="rotator" style="list-style:none;margin:0;">
    <li><img src="/assets/banner/siretoko480x120.jpg"></li>
    <li><img src="/assets/banner/hakone480x120.jpg"></li>
    <li><img src="/assets/banner/asinoko480x120.jpg"></li>
    <li><img src="/assets/banner/owakudani480x120.jpg"></li>
    <li><img src="/assets/banner/sirahama480x120.jpg"></a></li>
  </ul>

写真表示のコントロール(再生、停止など)ができるボタンをつけた例を下記に示す。

南駒ケ岳からの眺望 BACK | HOME | ARCHIVE Bootstrap-Tabs