
服をデフォルトで表示/非表示に設定する
画像の表示・非表示を切り替える方法はいくつかありますが、ご質問のコードは JavaScript を使用して画像の透明度を変更する方法です。
コード解説
-
document.getElementById("◯◯-box2")
この部分は、ID が ◯◯-box2 の HTML 要素を取得します。
-
style.opacity = "0"
この部分は、取得した要素の透明度を 0 に設定します。つまり、画像を完全に非表示にします。
-
document.getElementById("◯◯-box2").style.opacity = "1";
この部分は、ID が ◯◯-box2 の要素の透明度を 1 に設定します。つまり、画像を完全に表示します。
・お好みで表示・非表示を切り替える方法
以下の方法で、おこのみで画像を表示・非表示することができます。
1. HTML コードの編集
- ◯◯-box2 を別の ID に書き換えます。
- style.opacity = "0" または style.opacity = "1"; をコメントアウトします。
2. JavaScript コードの編集
- ◯◯-box2 を別の ID に書き換えます。
- function showImage(id) または function hideImage(id) の中の ID を書き換えます。
3. ボタンやリンクを設置する
- ボタンやリンクをクリックすると、JavaScript コードを実行して画像の表示・非表示を切り替えます。