The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Help Needed - How to make a webpage flash white
dz-00
post Dec 7 2011, 02:09 PM
Post #1





Group: Members
Posts: 2
Joined: 7-December 11
Member No.: 16,020



Hi - I'm not a developer and need some help with this...

I have a basic html page with images and text and I need to add the functionality of when a user clicks a defined button, the whole page flashes white 5 or 6 times - Almost like someone taking a photo and the flash goes off 5 or 6 times - Is this possible and what script would I need to include on the page to make this happen when the user clicks a certain button. Hope I've explained it ok, any help would be much appreciated - Thanks..
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Dec 7 2011, 02:41 PM
Post #2


.
********

Group: WDG Moderators
Posts: 9,656
Joined: 10-August 06
Member No.: 7



Sounds like a javascript effect. Don't know if one exists.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Dec 7 2011, 03:12 PM
Post #3


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Change the color of everything to white and remove images, with a timer? unsure.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
dz-00
post Dec 7 2011, 03:25 PM
Post #4





Group: Members
Posts: 2
Joined: 7-December 11
Member No.: 16,020



Yes, either a white 'layer' could appear on top of all the content and flash on/off say 5 times with a timer, or if not possible just to flash the background colour to white on/off - I think it might to troublesome to remove all the content...
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Dec 7 2011, 05:06 PM
Post #5


.
********

Group: WDG Moderators
Posts: 9,656
Joined: 10-August 06
Member No.: 7



In addition, try setting the transparency to fully transparent.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Dec 7 2011, 06:35 PM
Post #6


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Could be dangerous if the browser's background isn't white...
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Dec 7 2011, 07:13 PM
Post #7


.
********

Group: WDG Moderators
Posts: 9,656
Joined: 10-August 06
Member No.: 7



I was thinking of using it to make images go away. The background must of course be made white too.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Dec 7 2011, 07:28 PM
Post #8


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Less hassle to use visibility: hidden . unsure.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Dec 7 2011, 09:14 PM
Post #9


.
********

Group: WDG Moderators
Posts: 9,656
Joined: 10-August 06
Member No.: 7



You can apply the opacity styling to the BODY element, that should be easier than hiding individual images. unsure.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Dec 7 2011, 09:19 PM
Post #10


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



I was thinking more making everything but BODY invisible.

CODE
body   { background: #fff }
body * { visibility: hidden !important }


And some JavaScript to make it happen. wacko.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

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

 



- Lo-Fi Version Time is now: 26th April 2024 - 05:22 AM