pictures fade in and out

P

Proflight

As a photographer, I'm trying to create a page that is much like the Montage
photo gallery web component, but I want to have pictures fade in and out and
replace each other. It's a dramatic effect that would allow me to basically
use an unlimited number of photos, but where I could present them using a
fade effect.

Any ideas?
 
S

Steve Easton

It can be done using filters and transitions. However, these are only compatible with IE.
You will need to use a third party application such as Flash.

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer
 
P

P C

Not sure about the fade in/fade out affect. But the image
replacement/rotation can be done with javascript.

The page will pre-load all the images and then it will rotate them by
replacing the previous image. You specify the transition time in
seconds. All browsers can render javacript at the client level.

Do a google search for "Javascript image rotation"

....PC
 
T

Trevor L.

If you use IE, you could try this

document.images['SlideShow'].style.filter="blendTrans(duration=2)"
document.images['SlideShow'].style.filter="blendTrans(duration=crossFadeDuration)"
document.images['SlideShow'].filters.blendTrans.Apply()
document.images['SlideShow'].filters.blendTrans.Play() }

where SlideShow is the name of an image
e.g.
<img src="prettypicture.jpg" alt="" name="SlideShow">'

I don't know what all the statements mean e.g. why there are two
filter=blendTrans statements, but it worked for me in IE6.
duration=2 is a 2 second delay

It may not work in all other browsers (or even in any others as I think
filters are IE only)

--
Cheers,
Trevor L.
Website: http://tandcl.homemail.com.au


I choose Polesoft Lockspam to fight spam, and you?
http://www.polesoft.com/refer.html
 
M

Murray

By the way, that page falls completely apart in IE5/Mac....

--
Murray
============

Murray said:
"May not"? I guarantee it won't.

If you want fades, and you want to do them reliably
cross-browser/platform, then use Flash - like this -

http://www.drlarrystone.com/newsite/

--
Murray
============

Trevor L. said:
If you use IE, you could try this

document.images['SlideShow'].style.filter="blendTrans(duration=2)"

document.images['SlideShow'].style.filter="blendTrans(duration=crossFadeDuration)"
document.images['SlideShow'].filters.blendTrans.Apply()
document.images['SlideShow'].filters.blendTrans.Play() }

where SlideShow is the name of an image
e.g.
<img src="prettypicture.jpg" alt="" name="SlideShow">'

I don't know what all the statements mean e.g. why there are two
filter=blendTrans statements, but it worked for me in IE6.
duration=2 is a 2 second delay

It may not work in all other browsers (or even in any others as I think
filters are IE only)

--
Cheers,
Trevor L.
Website: http://tandcl.homemail.com.au


I choose Polesoft Lockspam to fight spam, and you?
http://www.polesoft.com/refer.html
 
T

Trevor L.

Murray,

I thought "may not" was not strong enough. I have now stopped using this
fading technique. For one reason, it doesn't work in Firefox, and for
another I find it difficult to use in conjunction with Javascript (I guess
that's my problem)

I read about using Flash. Posts appear to imply that it works on all
browsers. But is this available free or does one have to purchase it?

--
Cheers,
Trevor L.
Website: http://tandcl.homemail.com.au


I choose Polesoft Lockspam to fight spam, and you?
http://www.polesoft.com/refer.html
 
T

Trevor L.

Thanks Murray,

Yeah, I thought it would cost. Swish is a little cheaper, so I'll think
about saving my (Aussie) dollars for it.

I looked at Larry Stone's site and it does the fade in/fade out very well.

I also noticed Jim Buyen's post
Banner Ad Manager Displays Incorrectly
http://www.interlacken.com/winnt/tips/tipshow.aspx?tip=26

That is, to the portion that begins, "Alternatively, if you want the
pictures to rotate continuously..."

Jim Buyens
Microsoft MVP
http://www.interlacken.com

This would do the job without a fade. However, my slideshow now does this
quite O.K. as well, thanks to lots of help from yourself and others. And I
think mine has the advantage of preloading images. That's what I intended
anyway :)
--
Cheers,
Trevor L.
Website: http://tandcl.homemail.com.au


I choose Polesoft Lockspam to fight spam, and you?
http://www.polesoft.com/refer.html
 
C

Chris Leeds, MVP-FrontPage

If you mean "flash" it'll work with both, but you'll still need something to
make the flash movie, such as flash or one of the other products that
outputs the flash movies such as swish, etc.

HTH

--
Chris Leeds,
Microsoft MVP-FrontPage

ContentSeed: great tool for web masters,
a fantastic convenience for site owners.
http://contentseed.com/
--
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top