473,386 Members | 2,114 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,386 software developers and data experts.

How can i create a animation (like a logo fading away) before page loads?

lightwalker19
Hi there, i was wandering if its possible to create a animation before html page loads, where the animation fades away(like a logo) and then page is visible.

im using visual studio 2010, c#, html5 and css3.

How can i do this? thank you
Sep 6 '12 #1
6 2304
Rabbit
12,516 Expert Mod 8TB
One solution would be to use Javascript to decrease the alpha over time until the image is transparent.

Another would be to create a flash animation.

A third would be to use a gif and then use Javascript to remove the gif after the animation is over.

The first option is the easiest of the three, but the decision is up to you and what method you are most comfortable with. Once you have chosen a path, I can move your question to the right forum as this is not an asp.net question.
Sep 6 '12 #2
i have a asp.net page with a lot of html5, i choose the best way. Please help thank you :D
Sep 6 '12 #3
Rabbit
12,516 Expert Mod 8TB
By best I assume you mean the first option. I will move your thread to the javascript forum because you can't do it with just ASP, HTML, and CSS.
Sep 6 '12 #4
Rabbit
12,516 Expert Mod 8TB
To accomplish what you want, use the onload event of the body to overlay an image and then call a setInterval to decrement the alpha over time. Once the alpha is 0, cancel the setInterval and push the image into a lower z-index.
Sep 6 '12 #5
im new to javascript.. can you post some code? thank you for your help :D
Sep 7 '12 #6
Rabbit
12,516 Expert Mod 8TB
You should read a Javascript tutorial. I don't normally post code unless the poster had shown an attempt at the solution.
Sep 8 '12 #7

Sign in to post your reply or Sign up for a free account.

Similar topics

4
by: uNConVeNtiOnAL | last post by:
Hi - I can't call my js until the page is loaded down to the </body> tag - is there something similar to body onload that I can use to automatically run the script just before the page is done...
2
by: TonyJeffs | last post by:
I'm new to this, and stole/doctored my code from the "Ugly JavaScript Handbook" I have a slide show program. First theres stuff to set up the array, and the time between slides Then a function...
8
by: windandwaves | last post by:
Hi Folk I want to create something like AMAZON: those who liked page A also liked page B (I am going to apply the concept to a few different selections, but to keep it simple I will talk about...
1
by: Amadelle | last post by:
Hi all and thanks in advance, I was wondering how to cache/persist a dataset between page loads (after button clicks, sorts, filters, etc.)? so that i don't have to requery the database...
0
by: Antonio | last post by:
Hi, we are trying to create a page for our users that contains a lot of data. One datagrid loads very slow because the query behind it is complex. We would like to load up the page to the user...
1
by: Enigma Curry | last post by:
I'm looking for something that can display a pop-up "toaster" like animation like Gaim or MSN messenger does to notify of incoming messages. There's JToaster ( http://jtoaster.sourceforge.net/ )...
3
by: Dave Marden | last post by:
Is it possible to allow a person whom navigates to a particular page to type in a URL to a website they visit often, and have it be treated like code on the page itself for them to use it as a...
0
by: Deepak Rai | last post by:
Hi does anybody know that how to create panel like GMAIL chat window?
1
by: timsamshuijzen | last post by:
The website I am developing is implemented as a Single Page Interface (SPI). During a visitor's session all new content gets loaded by JavaScript (Ajax), no new pages get loaded and the URL in the...
3
Kosal
by: Kosal | last post by:
Dear Sir/Madam I would like you to help to give me the example about create textbox like array but I want to create textbox depend on record in database if have 2 record textbox have 2 and display...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.