/    Sign up×
Community /Pin to ProfileBookmark

How to get pages/images to fade in and out

Copy linkTweet thisAlerts:
Nov 05.2004

Hello,
I am new to the board and know absolutely nothing about java script. I am only guessing that I need to use java script to accomplish this. I have viewed websites that when you click on a page or image, the pages sort of fade out and a new page fades in. I’m wondering how to accomplish this on my website. Can anyone help me?
Marilyn

to post a comment
JavaScript

8 Comments(s) ↴

Copy linkTweet thisAlerts:
@7studNov 05.2004 — I am new to the board and know absolutely nothing about java script.[/quote]

That's kind of a problem. :eek: Start with trying to display "This is my first script" on the page.
Copy linkTweet thisAlerts:
@scragarNov 05.2004 — what sites?

I think they most likly use flash, but if you give a link I can look throught the code used and come up with a solution for you.
Copy linkTweet thisAlerts:
@JPnycNov 05.2004 — Well page fades and image fades are 2 completely different animals and use entirely different methods. Page fades are simple, require a couple lines of code, and will only work in MS Internet Explorer. Images fades are considerably more complex, and can be made to work in every major browser except Opera. The page fades you can do by adding this inside the head of the document:

<META http-equiv="Page-Enter" content="blendTrans(Duration=0.3)">

<META http-equiv="Page-Exit" content="blendTrans(Duration=1)">

The image fades are probably too complex to handle if you know nothing of javascript.
Copy linkTweet thisAlerts:
@casualcottageauthorNov 05.2004 — [i]Originally posted by scragar [/i]

[B]what sites?



I think they most likly use flash, but if you give a link I can look throught the code used and come up with a solution for you. [/B][/QUOTE]

Here is a sample of what I would like to achieve.

[URL=http://www.cottagecollections.com][/URL]

Thanks.
Copy linkTweet thisAlerts:
@JPnycNov 05.2004 — If that's what you want, then I already gave you what will do it. It's not flash at all, but a proprietary IE effect that will function in ONLY IE. You won't see it in any other browser
Copy linkTweet thisAlerts:
@7studNov 05.2004 — Nice! If you want effects other than fading in and out, use revealTrans():

<meta http-equiv="Page-Enter"

content="revealTrans(Duration=1.0,Transition=12)">

<meta http-equiv="Page-Exit"

content="revealTrans(Duration=1.0,Transition=12)">

Where 'Duration' is the number of seconds, and 'Transition' is the type of transition:

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.
Copy linkTweet thisAlerts:
@casualcottageauthorNov 05.2004 — [i]Originally posted by DUNSEL [/i]

[B]If that's what you want, then I already gave you what will do it. It's not flash at all, but a proprietary IE effect that will function in ONLY IE. You won't see it in any other browser [/B][/QUOTE]

That works like a charm!! Thank you for your help.
Copy linkTweet thisAlerts:
@casualcottageauthorNov 05.2004 — [i]Originally posted by 7stud [/i]

[B]Nice! If you want effects other than fading in and out, use revealTrans():



<meta http-equiv="Page-Enter"

content="revealTrans(Duration=1.0,Transition=12)">



<meta http-equiv="Page-Exit"

content="revealTrans(Duration=1.0,Transition=12)">



Where 'Duration' is the number of seconds, and 'Transition' is the type of transition:



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. [/B][/QUOTE]

Thanks. I might just try some of these!
×

Success!

Help @casualcottage spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.27,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...