8-10

 小技で小粋に-10
   ボタンで画像切り替えしたいっ。


『答え』 JavaScriptで画像切り替えボタンを使いましょう。

自動で切り替えする技は紹介致しましたが、ボタンで切り替えしたいというご要望に応えましょうか。 やはりJava Scriptで対応しますが、まずは下の「picture-CHANGE」ボタンで味わって下さいませ。
画像は6個ですが、「画像を小粋に切り替えましょう」で使った通りのものですので。
下記のHTML文をお使い下さい。(JavaScriptの仕掛け部分を<HEAD></HEAD>の間に入れること以外は 難しい部分は無いと思います)

既にご理解されていると思いますが、画像用のフォルダ(例えば、pictという名前の画像フォルダ)を作って入れた場合は 上記の image[0] = 'SAMURAI.JPG';image[1] = 'SANJURO.JPG';という書き方の部分は image[0] = 'pict/SAMURAI.JPG';image[1] = 'pict/SANJURO.JPG';という形になることをお忘れなく。

     . . . . . .   . . . . . .