onmouseover属性のテキストがページを開くたび

Question

表示されている私は、絵の上にを置く場合テキストががを表示する必要があるプロジェクトを、得ました。 パーツを表示したり表示したりするのは問題なく動作しますが、私が今問題を抱えているのは、ページを開始すると表示されることです。私はそれの上にそれを上に移動すると、それは再び動作します。それ以降は表示されませんが、開始時には表示されます。

ホームページを起動すると、そのページを表示するまで非表示にする必要があります。 style="visibility:none;"

<div class="responsive"> 
    <div id="picture1" class="img" > 
     <img src="../picture1" alt="picture1" width="600" height="400" onmouseover="funcOver('picturetext')" onmouseout="funcOut('picturetext')"> 
     <div class="desc" style="font-family: Luminari;">HOLIDAY</div> 
     <div id="picturetext" style="visibility:none;"> This is a photo<br> 
     of our holiday. </div> 
    </div> 
</div> 

JS：私は、私はテキスト自体のための新しい<div>を使用するHTML部分の.style.visiblity= "visible"; and "hidden";

を使用JSの部分について

function funcOver(x) 
    { 
     document.getElementById(x).style.visibility = "visible"; 


    } 

function funcOut(x){ 

    document.getElementById(x).style.visibility = "hidden"; 
} 

Answer 1

やってみました要素のOnLoadプロパティを使用するには？

OnLoad event - W3CSchools

やCSSの表示：

CSS Display visibility