How to create a simple splash screen / page?

I want to be able to design / implement a screensaver that is initially viewed on the main page (index.html). And when the visitor clicks on the input page, you can say that the pop-up screen disappears. I want to know how to do this without creating another page and without redirecting it.

I also want to give the user the option "Don't show this again" ...

For example, http://www.runescape.com/

Thanks a lot, Aaron Brewer

+4
source share
3 answers

By default it is set that when a user visits a page, he pops up on the screen using the Simplemodal jQuery plugin

When it loads it, it sets a cookie so that any future page views can check this cookie or not. If he is there, do not show the popup again.

+5
source

I recommend having a container that contains both a splash screen (possibly a div with the size of the site, assuming that it has a certain width and height), and on the main page.

The homepage should be hidden ( visibility: hidden ), because some search engines do not really like display: none .

Then use the cookie scheme so that the user who visits the homepage does not again see the splash screen.

What I did in the past is PHP, read if there is a cookie or not, and if there is (which means the splash has already been noticed), change the splash screen class (hiding it) and change the class of the home page (showing it )

Of course, this can be done using javascript.

+2
source

Warning: a philosophical rather than practical answer ahead :-)

The most satisfactory way to implement the splash screen is to wait several years until the HTML people come to their senses and implement the <splash-image> , which can be placed in the <head> section on any page. It will be purely static (no links from it), completely optional, fired with a click or after the expiration date, it will support fade / slide / shatter effects and similar completion effects, it will not require significant efforts so that it does not look like a pop-up window, it will not have a separate URL and will not interfere with search engine robots. This is the best solution to date. But this is simply not an option available to anyone .... else.

Despite Quentin's comment above, approved by several others, I find there are useful contexts for splash screens. Some screensavers are not just “something beautiful” - they may be legitimate content. I found this question while (somewhat fruitlessly) was looking for a way to implement a daily splash screen that could be changed to provide context and emphasis for other website content.

When you look at a huge number of websites that offer dozens of low-value links that fight for the attention of the viewer, 90% of which will never be respected (something even on this terrible site is to blame), it’s easy to imagine that some photos may cost at least thousands of such words. In some cases, this will even add significant value to ensure that such an image is the first that is displayed every time the site is visited.

Of course, if you just want a static surge to make some kind of marketing message enter the minds of your viewers, then please don't - Quentin is right there :-)

+1
source

All Articles