View Full Version : transition
angel_kisses_xoxo
03-06-2006, 03:29 AM
can someone please help me. I want the webpage to fade out when somone clicks on the next page and I can not figure out how to do it. ive been trying to figure out all day and cant get it. Can someone explain step by step how i need to do this please!!! Im making a website for my daughter's Make-a-wish trip that she had granted so i want to make it cool as possible. Thanks for any help you can give!!
jscheuer1
03-06-2006, 05:33 AM
This is a simple IE only method (most folks use IE, so it will work for most people). Put one or the other or both of these tags in the head of your page(s):
<meta http-equiv="Page-Exit" content="blendTrans(Duration=3.0)">
<meta http-equiv="Page-Enter" content="blendTrans(Duration=3.0)">
The 3.0 is the length of time in seconds that the effect will last. Be aware that some people will think that this makes the site load slowly. It doesn't really but, there is no accounting for taste. Dial-up users are especially sensitive about this issue.
3.0 is kind of long really, 1.5 would probably be better. Also the effect only works within the site's domain, so the initial page will load normally no matter what you do. And, since only one of these tags is required, if you have the effect throughout your site, just use the exit one.
One other drawback is that certain jpg images will exhibit 'artifacts' during the blend process. Careful editing (in an image program) can prevent this but, it is a tedious job. Even with other more complex methods of page fading, this will still occur in IE.
angel_kisses_xoxo
03-06-2006, 11:29 AM
ive used that code and it still wont work for me. when i hit the preview button it will work, but when i go to the actual website it wont work. So i cant figure out what im doing wrong. im building my site on geocities, would that make any difference or not? im so lost lol
jscheuer1
03-06-2006, 02:17 PM
That's strange, what browser are you using? If you do not use IE, you will not see the effect. However, most people do use IE so they will see it. If you are using IE, it might be a problem with Geocities. I'd have to see the page:
PLEASE: Include the URL to your problematic webpage that you want help with.
Careful editing (in an image program) can prevent thisCare to elaborate?
jscheuer1
03-06-2006, 04:22 PM
Care to elaborate?[re:jpg artifacts in IE fades]
Well, to be more precise, I should have said eliminate, rather than prevent. Let's make sure we are on the same page first:
The Problem:
You have a nifty script or other fade effect working for your page but, in IE some or all of your .jpg images exhibit these white dots during the fading in process. These dots each appear to be (and are, as far as I can tell) 1 pixel in size, though there may be many of them in any given image.
A Solution (tedious though it may be):
Load the image into an image editing program that has a retouch feature, select the smudge tool (others may work, like the blur or lightness up/down, I just never bothered testing them). Smudge the area that is exhibiting these dots. Save the image and retest it in IE using the fade script or effect. It can take some number of times doing this on a trial and error basis and a few pixels of black may need to be introduced as fodder for the smudging process but, it can be done in this way. At first, unless you are lucky, you will miss the area completely and/or only succeed in moving the white dots around and/or changing their number. Persistence will pay off but, as I said, it is a tedious business. Hopefully, there is a better way.
angel_kisses_xoxo
03-06-2006, 05:46 PM
I am using IE and the website is www.geocities.com/azreawishtrip Thank you for taking the time and helping me with this, it is greatly appreciated this website means alot to me!
jscheuer1
03-06-2006, 07:26 PM
I am using IE and the website is www.geocities.com/azreawishtrip Thank you for taking the time and helping me with this, it is greatly appreciated this website means alot to me!
The only thing that jumps out at me is that your page has no opening html tag. That really doesn't matter for the effect, not by itself. It is a required tag though and with the scripts that Geocities inserts before your content, could be confusing the browser. So, try this and let me know:
<html>
<head>
<meta http-equiv="Page-Exit" content="blendtrans(duration=2.0)">
</head>
Please be aware that this effect cannot work when you first surf to the site but, it should work when exiting the first page to the second. To be a site wide effect, it should be on each page.
angel_kisses_xoxo
03-06-2006, 09:12 PM
John, I copied and pasted the code that you left and put it on each page and it still wont work :(
jscheuer1
03-06-2006, 09:55 PM
Well, I am noticing that when I click on a link to another page on the site, the first thing that happens is that the browser window goes white. Why is that? Is that something you did or something Geocities adds? In any case, if the previous page is getting 'wiped out' before the next page loads, that would negate any Page-Exit fading. Try the page enter:
<meta http-equiv="Page-Enter" content="blendtrans(duration=2.0)">
on all your pages.
Does this 'wipeout' effect happen on your pages locally? Do you see what I am talking about?
angel_kisses_xoxo
03-06-2006, 11:49 PM
I see what you mean, the page turns white before it clicks over to it, i checked her other website i did for her www.geocities.com/my_little_angel_azrealea and it does the same thing. I dont think its anything i did. Unless putting that code on there did it i dont know
angel_kisses_xoxo
03-06-2006, 11:53 PM
well i tried the other code and it wouldnt work either. When i go into file manager and put the code in there and hit preview, it works in the file manager, but when i go to the actual website it dosent work. I dont know, guess it wasnt meant to be lol.....But thank you so much for all the help it was very much appreciated!!
jscheuer1
03-07-2006, 04:21 AM
Well, don't feel too bad, it is most likely something that Geocities is doing to the page. It is well known that Geocities, along with many other free hosts, puts code on your pages. Mostly, this is to display ads to pay for the 'free' web space. These free hosts often also have code added to the pages to prevent other sorts of things they deem undesirable. For instance, it is known that Geocities prohibits the showing of another domain's pages through a frame or iframe on its free sites. It has scripts that prevent this should someone be unaware of the policy or tempted to overlook it. Two of the functions of meta tags are to control the caching behavior of the page and to enable redirects or refreshes. Perhaps in trying to prevent these sorts of things, Geocities may install scripts that disable all meta tags.
You could try a different free host, Geocities has more added scripts than most, or get an inexpensive paid host where restrictions would be less.
Xiong Chiamiov
03-07-2006, 11:50 PM
If none of your pics are bigger than 200kb (shouldn't be), then atspace.com is a wonderful free host.
Powered by vBulletin® Version 4.2.2 Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.