show and hide Javascript (display:none) issue

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?

Answers


You'll have to give the image a display:none style as well to start with:

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

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


You can set display:none of one image at design time OR You can set display:none of one image on body onload


Need Your Help

C++ -- typedef "inside" template arguments?

c++ templates typedef

Imagine I have a template function like this:

Bind input value to ng-click button (send value as parameter)

javascript html angularjs angularjs-ng-click angularjs-ng-model

I'm trying to bind the value from an input field to the parameter of my method on ng-click. Here's what I got, but it doesn't work, and I am not too sure if it's possible to do it this way?: