Interesting effect - Page transition fade

  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Joined: May 28, 2003
  • Posts: 23404
  • Loc: Woodbridge VA
  • Status: Offline

Post September 10th, 2003, 5:05 pm

I never saw this until a couple weeks ago and didn't know you could do it with just simple meta tags. Basically when going from one page to another the page your viewing fades out and the other fades in.

Here's the meta tags:
Code: [ Select ]
<meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)">
<meta http-equiv="Page-Exit" content="blendTrans(Duration=1.0)">
<meta http-equiv="Site-Enter" content="blendTrans(Duration=1.0)">
<meta http-equiv="Site-Exit" content="blendTrans(Duration=1.0)">
  1. <meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)">
  2. <meta http-equiv="Page-Exit" content="blendTrans(Duration=1.0)">
  3. <meta http-equiv="Site-Enter" content="blendTrans(Duration=1.0)">
  4. <meta http-equiv="Site-Exit" content="blendTrans(Duration=1.0)">


Obviously just change the duration to your liking.

Doesn't work on NS (anyversion) but seems to do OK on most other MS based-browsers/versions (the code was generated by Frontpage so I guess that explains that).
It may not be right for everyone, but it is an interesting tid-bit I recently discovered.
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post September 10th, 2003, 5:05 pm

  • dr nick
  • Proficient
  • Proficient
  • No Avatar
  • Joined: Sep 10, 2003
  • Posts: 263
  • Loc: Frankfurt
  • Status: Offline

Post September 10th, 2003, 5:09 pm

The first time I saw that effect was actually in creating a simple "yahoo" homepage! They have selectable 'effects' features...so if anyone is actually interested in more of these kinds of effects, have a look there!

It took me a little by surprise at first...but really, those things can become really annoying when everybody starts to do it. But...for the moment I don't think they've taken off, so if people are out there who could use a little 'eye-catcher' for a simple site, it might pay off for a day or two... :wink:
  • tierra
  • Student
  • Student
  • User avatar
  • Joined: Aug 29, 2003
  • Posts: 91
  • Status: Offline

Post September 10th, 2003, 6:15 pm

Yeah, it's been in IE for at least 2 years now. Being that it's only IE, I stayed away... page loading is enough for a hit, don't need page transitions anoying people too.
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Joined: May 28, 2003
  • Posts: 23404
  • Loc: Woodbridge VA
  • Status: Offline

Post September 10th, 2003, 6:20 pm

But it is interesting. Primarily it caused me to wonder what else is available with Meta tags that we all may be unaware of.

I'd be curious to see a list..

In fact I think I'll make a top-level post on it in the design board and let's see what we can all com up with.
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • b_heyer
  • Web Master
  • Web Master
  • User avatar
  • Joined: Jun 15, 2003
  • Posts: 4583
  • Loc: Maryland
  • Status: Offline

Post September 10th, 2003, 7:05 pm

the idea its done with meta tags is very cool, but I hate...yes HATE pages that use those lame page transitions done in javascript (like the fades and stuff) >:o
Pixel Acres V2
  • UNFLUX
  • Genius
  • Genius
  • User avatar
  • Joined: Dec 20, 2002
  • Posts: 6382
  • Loc: twitter.com/unflux
  • Status: Offline

Post September 11th, 2003, 10:26 am

b_heyer wrote:
the idea its done with meta tags is very cool, but I hate...yes HATE pages that use those lame page transitions done in javascript (like the fades and stuff) >:o

i agree 100% for those cheezy ones. But in my flash designs, I feel it's
a must to having a nice design for transitions to be there. I think it's
incomplete and unprofessional in that case.

Regular html pages, I've never felt the need, and really think it's a bit
overkill. Besides it can really slow load times down. At least with flash
you can count on your work and transitions to have a minimal impact on
file size and load times.

I'd like to see a working example of this tho. got any links?
UNFLUX.FOTO
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Joined: May 28, 2003
  • Posts: 23404
  • Loc: Woodbridge VA
  • Status: Offline

Post September 11th, 2003, 11:39 am

http://alaron-nuclear.com
(the transition is only set up on the home page -- you'll see the fade on the redirect)

Actually the only reason I even saw it is because I have a pretty good shot at getting a job with them as their Network Admin / Web Administrator.

I think the first thing I'll do is nix that fade and redesign the site. It needs some work! *grins

(Can't fault them though -- it was designed by one of their sales guys who did it with Frontpage on-the-fly) -- they had no one else at the time.
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • UNFLUX
  • Genius
  • Genius
  • User avatar
  • Joined: Dec 20, 2002
  • Posts: 6382
  • Loc: twitter.com/unflux
  • Status: Offline

Post September 12th, 2003, 11:50 am

i see. hehe good luck with all that then. :D
UNFLUX.FOTO
  • b_heyer
  • Web Master
  • Web Master
  • User avatar
  • Joined: Jun 15, 2003
  • Posts: 4583
  • Loc: Maryland
  • Status: Offline

Post September 12th, 2003, 7:29 pm

thats not too shabby, any idea what the cross browser support is?
Pixel Acres V2
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Joined: May 28, 2003
  • Posts: 23404
  • Loc: Woodbridge VA
  • Status: Offline

Post September 12th, 2003, 7:48 pm

Can you say I.E.? -- I don't know for sure b_heyer -- but I did try it in all NS versions I have 4.78, 6.0, 7.1 ...Mozilla doesn't work and neither does Opera -- I'm guessing (off the top of my hat) it's an I.E./Frontpage sorta thing
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.

Post Information

  • Total Posts in this topic: 10 posts
  • Users browsing this forum: No registered users and 146 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.