[JS]一つのリスト要素で実装する画像ギャラリーのスクリプト -slideViewerPro
Post on:2009年11月13日
sponsors
カスタマイズが可能な、一つのリスト要素で実装する画像ギャラリーのスクリプト「slideViewerPro」を紹介します。
上記のキャプチャはslideViewerProの元となるslideViewerのもので、直系の子孫にあたるとのことです。
画像の箇所は、一つのリスト要素で構成されています。
HTML
|
1 2 3 4 5 6 7 8 9 10 11 |
<textarea name="code" class="html" cols="60" rows="5"> <div id="my-folio-of-works" class="svwp"> <ul> <li><img alt="Meander - P.J. Onori" src="images/01.jpg" /></li> <li><img alt="Flock and Predator - L. Ongaro" src="images/02.jpg" /></li> <li><img alt="Empathy - K. McDonald" src="images/03.jpg" /></li> <li><img alt="DIY 3D Scanner - K. McDonald" src="images/04.jpg" /></li> <!--eccetera--> </ul> </div> </textarea> |
カスタマイズも変数の値を変更するだけで、カラーやサイズ、スピードなどを簡単に変更することができます。
slideViewerProはjQueryのプラグインのため、実装にはjquery.jsが必要です。
sponsors
