Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Graphics, Flash and Multimedia _ Pop-up Gif on page load

Posted by: Kr4ken Nov 3 2016, 10:27 PM

Hello! I have no idea what I am doing, so I thought I would come to you guys for help. I need help with a couple of things. First of all I would like to add a repeating GIF image over the home page of my website. The image would have a transparent background, and I would need the buttons and different interactions on the front page of the website to still be accessible. Secondly, I was wondering if it was possible to have a HTML code where, on page load, a GIF image pops up and runs through once, then fades and the regular page is visible. I was wondering if both/either of these are possible with HTML code, as I have been trying to implement these different things into my website for sometime. (If you are wondering it is for teasers for upcoming events.) Thanks for reading and trying to help me! smile.gif

~ Kr4ken

Posted by: pandy Nov 4 2016, 08:54 AM

The first request seems impossible to me. If you overlay the page with something, even if it's just an empty DIV, objects on the page won't be clickable.

The second may be easier. Either it could be done with JavaScript, or if you don't mind that the GIF snimation still takes up space after it's through, just make it to run once and end it with a blank image, either transparent or in the page background color.

Posted by: Kr4ken Nov 4 2016, 04:50 PM

QUOTE(pandy @ Nov 4 2016, 06:54 AM) *

The first request seems impossible to me. If you overlay the page with something, even if it's just an empty DIV, objects on the page won't be clickable.

The second may be easier. Either it could be done with JavaScript, or if you don't mind that the GIF snimation still takes up space after it's through, just make it to run once and end it with a blank image, either transparent or in the page background color.


Okay, thanks for letting me know. To be honest I though both of these would be impossible, but thanks for letting me know. If anyone could help me with the code now, or at the least have an explaination for it so I could share it with my website developers.


P.S. The website can use HTML, JavaScript, and CSS code.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)