上級編8

 画像切替えボタンの活用
   JavaScriptで画像の切替えボタンを使おう。


自動で画像が切り替る技は紹介致しましたが、ボタンで切り替えしたいというご要望に応えましょう。 これもJava Scriptで対応します。まずは下の「please CHANGE」ボタンで味わって下さい。
画像は6個ですが、「写真をアルバム風に」で使った画像データです。既にお持ちですよね。
下記のHTML文をお使い下さい。(JavaScriptの仕掛け部分を<HEAD></HEAD>の間に入れること以外は 難しい部分は無いと思います)


尚、念の為ですが、画像データがフォルダ(例えば、pictというフォルダ)に入れてある場合は HTML文の中の image[0] = '1.jpg' という部分は image[0] = 'pict/1.jpg' という書き方になるのはご理解済みですよね。
それから、<img src="0.jpg" height=370 name='SlideShow'>の height= が画像表示サイズを指定しています。 大きく表示させたい場合はheight=500とか数値を変えてみて下さい。

以上が理解出来たら、この項は修了です。
質問メール  SCHOOL MENU