front page image swap

[Lisa A]

I just found out that you can swap images in front page. I was totally
excited and didn't know FP even offered this. But I can't get it to work
properly.
Here is my page:
http://www.gocafeconcepts.com/newpage.htm
I actually want to add several thumbnails on my page and when you mouse
over, a larger picture will appear.
I inserted the image, clicked on behaviors, swap images, browsed to find the
second image, but I don't see the larger second image at all.

If anyone knows of an easy way to do this, I'd really appreciate it.
Lisa A


--

 

[SingaporeWebDesign]

Hello,

Swap images will only swap the image and fit it within the original width
and height. Its used for roll-over effects.

For your pop-up intention, you will need other methods such as opening a new
browser window with the large image in it.

You may be looking for this JavaScript
http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm
or
http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm

--
Singapore Web Design
http://www.bootstrike.com/Webdesign/
Singapore Web Hosting
http://www.bootstrike.com/WinXP/faq.html
Windows XP FAQ

 

[Ronx]

See http://www.rxs-enterprises.org/tests/rollover.htm

This shows how to swap one image (image-2) for another when hovering
over a third image (image-1).

For your page, each thumbnail should be set up the same way as image-1,
but use a large image for image-2, and the rollover images.

 

[Lisa A]

I want my thumbnails to be the same, but when you put your mouse across the
thumbnail, the larger picture will come into view on the same page.
Does anyone know of an easy script that will do this?
thanks,
Lisa A

 

[Andrew Murray]

Lisa

The example given by Ronx http://www.rxs-enterprises.org/tests/rollover.htm
shows you how to do this. As he said, 'image-2' in the example is the same
size as image-1, but for your purposes, make image-2 the large version of
image 1.

You need to adapt it to suit your requirements. If this is for a
photogallery, then you need to repeat the procedure for as many images as
you have, and put in the actual file names of your images in the script.
(probably in code view) in the javascript.

The images for image-swap only need to be the same size if you're using them
in the case of menu buttons you want to swap to a "down" or "over" state.

You can do this with the FP2003 behaviours, and just change the reference
"ID" for the images to make the correct one swap.

Else you might find a simple image-swap script at any number of sites
offering these types of scripts.

For example www.javascript.internet.com