完全に機能するように見えるJavaScriptの表示/非表示関数を作成しました-リンクをクリックすると、ロゴのgifバージョンが表示されます。
私が抱えている問題は、最初にランディングページに移動したときに、ここをクリックして両方の画像を表示できることです。静止画像をクリックした場合にのみ、機能は正常に機能します。一度に1つの画像のみが表示されます。誰かが私がこの問題を解決する方法を知っていますか?
完全に機能するように見えるJavaScriptの表示/非表示関数を作成しました-リンクをクリックすると、ロゴのgifバージョンが表示されます。
私が抱えている問題は、最初にランディングページに移動したときに、ここをクリックして両方の画像を表示できることです。静止画像をクリックした場合にのみ、機能は正常に機能します。一度に1つの画像のみが表示されます。誰かが私がこの問題を解決する方法を知っていますか?
display:none
まず、画像にもスタイルを付ける必要があります。
<img id="center-img-gif" alt="main-img" src="css/images/logo.gif" style="display:none;">
画像の1つにCSSプロパティDisplay:none;
を使用します。
display:none
デザイン時に1枚の画像を設定するdisplay:none
か、body onload