The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Pop-up Gif on page load, Complicated code I need help with...
Kr4ken
post Nov 3 2016, 10:27 PM
Post #1





Group: Members
Posts: 2
Joined: 3-November 16
Member No.: 24,913



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 4 2016, 08:54 AM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,373
Joined: 9-August 06
Member No.: 6



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Kr4ken
post Nov 4 2016, 04:50 PM
Post #3





Group: Members
Posts: 2
Joined: 3-November 16
Member No.: 24,913



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 24th January 2017 - 06:14 AM