電網通信あみあみ

これならできちゃう!

【 魅力あるサイトを作成しよう(9) -- 簡単なスライドショーを設置してみよう! 】

サイトのデザインに悩んでいるあみですが・・・。

ami
うーん・・・。
gen
今日は何に困っているのかな?
ami
サイトに画像を何枚か並べたいんだけどね。
枚数が多くなると画像だけしか無いみたいにみえるし、縦に伸びちゃうから困ったなーって。
gen
サムネイル表示してクリックして拡大、ではどうかな?
ami
できれば大きい画像のまま表示したいんだけどねー。
gen
それなら「スライドショー」にしたらどうかな。
ami
「Adobe Flash」とか使うのかな?
Flash苦手なんだよねー。
gen
スライドショーだったら、Flashを使わなくても「jQuery」で可能だよ。
ami
「jQuery」?
gen
うん。
簡単に説明すると、「JavaScript」というプログラム言語で作られた様々な「機能」を集めたライブラリなんだ。
そのライブラリである「jQuery」に含まれる「機能」を呼び出すことで、比較的簡単にいろいろな事ができる便利なものなんだよ。
ami
「プログラム言語」とか出てくる時点で難しそうなんだけど。
gen
そうだね。
ただ、ありがたいことに色々な人が「jQuery」を利用して簡単に設置できる「スライドショー」を作ってくれているので、それを利用させていただくことで「JavaScript」のことを殆ど知らなくても設置できちゃうんだよ。

[出典元:モンキーレンチ/jquery.SimpleSlideshow.js]

ami
簡単なような難しいようなー?
でも画像を用意して、jQueryを読み込んで、スクリプトを埋め込めばできちゃうんだね。
gen
そうなんだ。
しかもiPhoneのようにFlashに対応していない場合でも、これなら表示できちゃうんだよね。
ami
そっかー。
表示されないのは困るものね。
gen
どうだい?
これならご希望の形になるんじゃないかな?
ami
うん!
早速これで作り始めてみるよ!
次回をお楽しみに!