Clip Art Images and Animation Downloads from Graphics Factory
JOIN TODAY LEARN MORE USER REVIEWS USAGE RIGHTS HELPSIGN-IN
You are here: Home > Support > Setting up HTML page transitions

Page Transitions

1. You will need to place the code below into the page you want the effect to appear.


2. Place that code into your head tag so it will be like the example below.


3. Now it is pretty much ready to go, but you can add a few adjustments to get the effect you need. Change the Page-Enter variable to Page-Exit if you want the effect to happen when your visitor leaves your page. It is set to happen on enter now, which means it will play the effect when a visitor enters your page.

4. Now you can change the effect to 22 different styles. Choose the style you want below and enter the number you want in the Transition=0 area. So if you want style 15 change Transition-0 to Transition=15.
P.S. You can reload this page to see different effects.

Page Transition Effect Styles:
Transition Code Effect Style
0 Square Closing
1 Square Opening
2 Circle Closing
3 Circle Opening
4 Scroll Up
5 Scroll Down
6 Scroll left to right
7 Scroll right to left
8 Multiple scroll left to right
9 Multiple scroll top to bottom
10 Little square scroll left to right
11 Little square scroll top to bottom
12 Noise fade in
13 Scroll meets in the middle
14 Scroll starts in the middle
15 Horizontal scroll meets in middle
16 Horizontal scroll starts in middle
17 Diagonal scroll from top right corner
18 Diagonal scroll from bottom right corner
19 Diagonal scroll from top left corner
20 Diagonal scroll from bottom left corner
21 Horizontal bars fading in
22 Vertical bars fading in
23 Displays a random transition

5. You are all done :) Just save your page and upload it to your Web server. You can also use our META tag tool to make your page transitions.

Signin

Join today for instant access and unlimited downloads to over 1 Million images at your finger tips anytime you need them.
  • 1,031,967 Copyright-Safe images
  • Unlimited Downloads
  • No Per-Image Fees
  • Instant Access
  • Royalty-Free Usage Rights

1 Year of Downloads $49.95 Join Now


Join Today - Sign-In - Affiliate Program - About Us - Privacy Statement - Site Map - RSS - Blog

GraphicsFactory.com is Celebrating 12 Years Online!
Copyright © 1997-2009 GraphicsFactory.com. All Rights Reserved.