| 商品紹介やメニューで使えるJavascript |
| それぞれテンプレートにのせた状態で開きます。 |
|
| 画像をクリックするとサンプルページが開きます。 |
|
| サンプル① |
 |
|
SlideScale
シンプルで使いやすいデザインの
スライドショーでメニューを紹介する。
下のナビゲーションボタンで写真が切り替わるだけでなく、オンマウスで矢印が現れるので、クリックすると次の写真に変わります。 |
|
| サンプルを見る |
|
ソースを見る |
|
|
|
| サンプル② |
 |
|
LightBox
ホームページでよく見かける画像をクリックすると拡大表示されるJavascript（Light Box)です。
どんなご商売にもマッチしやすいです。 |
|
| 美容室のイメージで作成したものがこちらになります。 |
|
|
| サンプルを見る |
|
ソースを見る |
|
|
|
| サンプル③ |
 |
|
Highslide
画像をクリックすると拡大表示されるJavascript(highslide.js)。拡大画像をクリックすると拡大画像が閉じる非常にシンプルで使いやすいタイプ。 |
|
| サンプルを見る |
|
ソースを見る |
|
|
|
| サンプル④ |
 |
|
Highslide
画像をクリックすると拡大表示されるJavascript(highslide.js)。右上に閉じるマークが表示されるシンプルなタイプ。 |
|
| サンプルを見る |
|
ソースを見る |
|
|
|
| サンプル⑤ |
 |
|
Highslide
ライトボックスのように画像を拡大表示させることができる上に、次へ進むボタンで次の画像へ切り替えることができる。さらになんといっても画像をマウスでドロップできるのが面白い。 |
|
| サンプルを見る |
|
ソースを見る |
|
|
|
| サンプル⑥ |
 |
|
Highslide
highslideのギャラリーです。非常にシンプルなデザインのスライドショーなのでホームページのデザインを選ばず設置できます。 |
|
| サンプルを見る |
|
ソースを見る |
|
|
|
| サンプル⑦ |
 |
|
bxGallery
シンプルな画像をクリックすると大きな画像がフェードインで切り替わるスライド。
シンプルなので、いろんな場面に使いやすい。 |
|
| サンプルを見る |
|
ソースを見る |
|
|
|
| サンプル⑧ |
 |
|
bxGallery
上記のものをナビゲーションを横に持ってきたタイプ。横の方がデザインにマッチしやすいと思います。 |
|
| サンプルを見る |
|
ソースを見る |
|
|
|
| ※もっとギャラリー的に見せることをお求めなら、 |
| こちらで様々なスライドショーをご紹介しています。 |
|
|
| それぞれ公式サイトへ行って、ダウンロードすることをお勧めしますが、 |
| どうしても難しくて無理な場合は、私のソースからご利用ください。 |
