Need Frontpage/Javascript assistance

[Beverly-Texas]

My client (a photographer) wants a very specific setup on his homepage. He
wants 4 or 5 images "dissolving" into each other over about 5 second
intervals. That, I could handle with javascript. What I'm not sure about is
his second requirement. When the mouse rolls over the image categories on
the left menu, he wants the correponding image to popup WHERE THE DISSOLVING
images are. I've seen websites with just the rollover effect or just the
dissolving images - but not both. Does anyone know of a website that does or
if I can even do this in Frontpage?

Thanks!
Beverly

 

[Trevor L.]

Beverly

An interesting question re the dissolving images being replaced by a single
image.

I have created a website recently (my first) which has a page of thumbnails.

Clicking on any thumbnail opens the picture in a larger window. But there is
also a button which when clicked opens a slideshow of dissolving images at 8
second intervals (the interval is specifiable in the code).

The second window obscures the thumbnails window, but that could easily be
changed, I suppose. Then you may have close to what you want. The difficulty
may be seeing all windows at once though - the start window with thumbnails,
the slideshow window and the individual window. Careful positioning may
achieve this though. You could put the thumbnails down the left (as you
indicated) and then open the other two windows in the same position as each
other but to the right of the thumbnails

You can see my site at http://tandcl.homemail.com.au/ Click on Picture Album
to see the set-up. To activate the slideshow, Click Slideshow and then
Auto/Stop on the next page.

BTW, although I am an ex-professional IT person, I am an amateur in HTML and
JS.
--
Cheers,
Trevor L.


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

 

[Stefan B Rusynko]

See http://www.dynamicdrive.com/dynamicindex14/image4.htm and http://www.dynamicdrive.com/dynamicindex4/imagetooltip.htm




| My client (a photographer) wants a very specific setup on his homepage. He
| wants 4 or 5 images "dissolving" into each other over about 5 second
| intervals. That, I could handle with javascript. What I'm not sure about is
| his second requirement. When the mouse rolls over the image categories on
| the left menu, he wants the correponding image to popup WHERE THE DISSOLVING
| images are. I've seen websites with just the rollover effect or just the
| dissolving images - but not both. Does anyone know of a website that does or
| if I can even do this in Frontpage?
|
| Thanks!
| Beverly

 

[Murray]

The only real way to do this cross-browser/platform would be to use Flash.

 

[Trevor L.]

Beverly,

I have been working on this idea of combining a slideshow with dissolve and switching to an individual picture and I have cracked it )

You can see it my website http://tandcl.homemail.com.au/
Click on Picture Album and then Slideshow. The screen comes up with the first picture.

Clicking on Auto/Stop starts the slideshow, clicking again stops it.
Clicking on a number (or first or last or prev or next) goes to that image, but if the slideshow had not been stopped the delay is still in force. That is if you change to a specific image after 6 seconds, the next image will be displayed after 2 seconds.

The html used is album.html and slideshowauto.html. There is CSS on style.css and JS on external.js. You can download all code from http://tandcl.homemail.com.au/code.zip

The change you may want to want is positioning the screen in which the images are displayed. This is specified in album.html by
<input type="button"
value="Slideshow"
onclick="spawnJimcoPopup
('slideshowauto.html','','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no',
'600','600','0','0','pixel');return false;">
^ ^
left top
The '0','0' parameters are the position of the screen (left and top respectively)

If you decide to try it and something doesn't work, please let me know
--
Good luck,
Trevor L.


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

 

[Murray]

Trevor:

Just so you'll know, your slideshow fails in FF1 (PC and Mac), Safari (Mac),
and I see no image fading in IE6/PC or IE5.2.3/Mac.

I think the only really reliable way to do something like this is to use
Flash.

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

Beverly,

I have been working on this idea of combining a slideshow with dissolve and
switching to an individual picture and I have cracked it )

You can see it my website http://tandcl.homemail.com.au/
Click on Picture Album and then Slideshow. The screen comes up with the
first picture.

Clicking on Auto/Stop starts the slideshow, clicking again stops it.
Clicking on a number (or first or last or prev or next) goes to that image,
but if the slideshow had not been stopped the delay is still in force. That
is if you change to a specific image after 6 seconds, the next image will be
displayed after 2 seconds.

The html used is album.html and slideshowauto.html. There is CSS on
style.css and JS on external.js. You can download all code from
http://tandcl.homemail.com.au/code.zip

The change you may want to want is positioning the screen in which the
images are displayed. This is specified in album.html by
<input type="button"
value="Slideshow"
onclick="spawnJimcoPopup
('slideshowauto.html','','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no',
'600','600','0','0','pixel');return false;">
^ ^
left top
The '0','0' parameters are the position of the screen (left and top
respectively)

If you decide to try it and something doesn't work, please let me know
--
Good luck,
Trevor L.


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

 

[Trevor L.]

Thanks Murray

I do see image fading in IE6. It is a pity that it fails in other browsers.
I obtained the code (and then modified it a bit) from one of the web sites
which has JS code for downloading. I have forgotten which site.

This is the snippet of JS code used:
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()

I assume Flash is MacroMedia Flash Player. I haven't yet tried this. Does it
require FPSE (my host doesn't support this)? Does it have cross-browser
problems?
--
Cheers,
Trevor L.


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

 

[Murray]

It fails in other browsers because it's Microsoft proprietary code. And
when I said 'fail' I meant the entire slide show, not just the fading.
Sorry.