show and hide Javascript (display:none) issue

Question

I have created a show/hide javascript function which seems to work perfectly - When you click on the link it reveals the gif version of the logo.

The issue i'm having is when you first go onto the landing page click here you can see both images, it's only when you click on the still image the function works the way is should - only displaying one image at a time. Does anyone know how i can resolve this problem?

Answer 1

你必须给图像一个display:none样式也可以开始：

<img id="center-img-gif" alt="main-img" src="css/images/logo.gif" style="display:none;">

Answer 2

use CSS property Display:none; for one of the images.

Answer 3

您可以设置display:none在设计时一个图像，或者你可以设置display:none一个图像对body onload