Facebook
Banner
XMPP JavaScript Library READ MORE

Add Transaction effects to your web site.

UnCategorised, Sachin Puri, 2010-04-25 22:00:40

Transaction effects are used to change one web page into another smoothly. Take example of a slide show of images where one image gets disappears and another take it’s place. In this slide show we can make use of transaction effects to smoothen the image change event so that it will look good to end user.


Add this meta tag into you web page between <head></head> Section


 <meta http-equiv="Page-Exit" content="RevealTrans(Duration=1.0,Transition=3)" />


http-equiv
will tell browser when to take action. You can use following as value of http-equiv:


Page-Exit
Page-Enter
Site-Exit
Site-Enter


content attribute will take value which will control the duration and transaction effect duration is in seconds. In Transaction you can use digit 0 To 23 each digit denotes a different effect.


0 => Box In.  
1 => Box Out.  
2 => Circle In.  
3 => Circle Out.  
4 => Wipe UP.  
5 => Wipe Down.  
6 => Wipe Right.  
7 => Wipe Left.  
8 => Vertical Blinds.  
9 => Horizontal Blinds.  
10 => Checkerboard Across.  
11 => Checkerboard Down.  
12 => Random Dissolve.
13 => Split Vertical In.
14 => Split Vertical Out.  
15 => Split Horizontal In.  
16 => Split Horizontal Out.  
17 => Strips Left Down.  
18 => Strips Left UP.  
19 => Strips Right Down.  
20 => Strips Right UP.  
21 => Random Bars Horizontal.  
22 => Random Bars Vertical.  
23 => Random.

Limitations:

This will work only with IE 4 or higher

Enjoy!!!!

Add Your Comment
   
    Yes! I want to receive all comments by email

  by James on 30-Dec-2017 01:01 pm
That alone wwas an egregious oversight on thheir own part, since
  • Reply
  •  0 Like
  •  0 Dislike
  • Report
  by James on 30-Dec-2017 01:00 pm
That alone wwas an egregious oversight on thheir own part, since
  • Reply
  •  1 Like
  •  0 Dislike
  • Report
  by James on 14-Oct-2017 02:21 am
Hello, always i used to check blog posts here in the early hours in the daylight,
  • Reply
  •  0 Like
  •  0 Dislike
  • Report
  by James on 03-Oct-2017 01:37 pm
This kind of game gives a real experience of
  • Reply
  •  0 Like
  •  0 Dislike
  • Report
  by James on 03-Oct-2017 01:37 pm
This kind of game gives a real experience of
  • Reply
  •  0 Like
  •  0 Dislike
  • Report
  by shikha kuntal on 24-Sep-2009 09:10 am
Good... Thanks for sharing this article... keep writing
  • Reply
  •  1 Like
  •  1 Dislike
  • Report