事前に用意しておいたdisplay:block;のCSSを持つクラスを追加。要素が全く表示されないようになっている。}2今回のパターン:初期状態で1枚目の画像を表示、イベントによって画像を切り替える今回の場合は、これと少し違って初期状態では、1枚画像を表示させるようにしたい。そこで、1枚目の画像に任意のクラス(例:active)をつけ、CSSで任意のクラスにdisplay:block;をつけておく。残りの画像は、display:none;によって非表示になる。パターン1と違い、初期状態で、html内にdisplay:blockを持つクラスを設置するのがポイント。2番目のボタンを押すことで、2枚目の画像が表示されるようにするには、ボタンがクリックされたとき、1枚目につけていたactiveのクラスを外し、クリックされた番号の画像、今回は2枚目の画像にactiveクラスを追加すればよい。コメントをキャンセルメールアドレスが公開されることはありません。名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。Royal.上へ戻る。