maybe someone else can help. You said you had code to make it work from button click. Would use similar code on page open also. Now I see 2 images and seems like all you need to do is swap images. Hard to do without seeing markup, exisitng code.



Takaya213 wrote:

It is the exact same overlay that has to show as open on the homepage and
closed on all of the other pages, but you can click on a button to show and
hide it as well.
That is the button that must show as selected/active when the overlay is
open and as unselected/inactive when closed.

Open Overlay -  http://www.njwebdesign.co.za/TestImages/openOverlay.jpg
http://www.njwebdesign.co.za/TestImages/openOverlay.jpg 
Closed Overlay -  http://www.njwebdesign.co.za/TestImages/closedOverlay.jpg
http://www.njwebdesign.co.za/TestImages/closedOverlay.jpg 

Now it needs to be open on the homepage and closed on the other pages.


Charlie Tomlinson wrote:
  

shot in the dark here................ $("#overlay").show(). ?? 

Takaya213 wrote:

  
The button image has 2 states an on when it is active and an off when it
is
inactive. I am not too concerned about this one, but more of the showing
and
hiding of the overlay on page load.

Thanks.


Charlie Tomlinson wrote:
  
  
    
Can you put together a sample page link with your modal and give a
better description of what you mean by button="off". Does this mean
disabled, or css change? Seeing what you are working with would make
finding the solution much easier 

Takaya213 wrote:

  
Hi Can anybody help me please?

Thanks