画像切替えボタンの活用 JavaScriptで画像の切替えボタンを使おう。 自動で画像が切り替る技は紹介致しましたが、ボタンで切り替えしたいというご要望に応えましょう。 これもJava Scriptで対応します。まずは下の「please CHANGE」ボタンで味わって下さい。 下記の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とか数値を変えてみて下さい。 以上が理解出来たら、この項は修了です。
|