Swap Image code

Report · May 08, 2006

This is my first posting to a forum, so I may require education on the process. I want to swap an image with a hotspot on my webpage. Macromedia support says that this will require more code that Dreamweaver currently has. Any ideas where I can get said code?

Report · May 08, 2006

You want to do what? I am guessing that you asking how to use a hotspot to
make an image on the page swap to some other image - is that correct?

Who did you speak with in Macromedia support?

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Lake mi" <webforumsuser@macromedia.com> wrote in message
news:e3nsvl$39s$1@forums.macromedia.com...
>

This is my first posting to a forum, so I may require
> education on
> the process. I want to swap an image with a hotspot on my webpage.
> Macromedia
> support says that this will require more code that Dreamweaver currently
> has.
> Any ideas where I can get said code?
>

Report · May 08, 2006

I have a picture of a ship with various sails. What I want to do is create a hotspot on each one of the sails which leads to another page. This I've done, no problem. But I also want the sails to change color when each is clicked. The problem is that the swap behavior brings in an image the size of the whole ship and not just the size of the sail which I want to swap it with. T.J. at macromedia said this was exactly the way the swap image behavior is suppose to work, and in order to change it to do what I want, I would need to change the code.

Report · May 08, 2006

TJ is correct. The swap image function is working properly. To do what you
want would require additional custom javscript to track which sail had been
clicked, as well as additional images for all permutations of sail clicks.
I guess that's not something you would know how to do?

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Lake mi" <webforumsuser@macromedia.com> wrote in message
news:e3o8jl$iqt$1@forums.macromedia.com...
>I have a picture of a ship with various sails. What I want to do is create
>a
> hotspot on each one of the sails which leads to another page. This I've
> done,
> no problem. But I also want the sails to change color when each is
> clicked.
> The problem is that the swap behavior brings in an image the size of the
> whole
> ship and not just the size of the sail which I want to swap it with. T.J.
> at
> macromedia said this was exactly the way the swap image behavior is
> suppose to
> work, and in order to change it to do what I want, I would need to change
> the
> code.
>

Report · May 08, 2006

I have the "permutations" of each of the sails saved as images ready to be swapped.... so what I am looking for is the javascript that will allow the new image to remain a specified size instead of filling the page AND to stay within the hotspot vector. You are correct, I do not know how to write/design JavaScript. I was able to successfully find a JavaScript for a slideshow online, but this is a bit more complicated to Google. Any suggestions?

Report · May 09, 2006

The problem is that you would have to track which set of sails have been
clicked -

0 0 0
0 0 *
0 * 0
* 0 0
0 * *
* 0 *
* * 0
* * *

to know which image to swap in.

Can you post a link to a page, and to the respective images?

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Lake mi" <webforumsuser@macromedia.com> wrote in message
news:e3ou4i$eu1$1@forums.macromedia.com...
>I have the "permutations" of each of the sails saved as images ready to be
> swapped.... so what I am looking for is the javascript that will allow the
> new
> image to remain a specified size instead of filling the page AND to stay
> within
> the hotspot vector. You are correct, I do not know how to write/design
> JavaScript. I was able to successfully find a JavaScript for a slideshow
> online, but this is a bit more complicated to Google. Any suggestions?
>

Report · May 09, 2006

Hmmm. I see the problem as one of confining the new image to the shape of the hotspot.... which defines each of the sails. I've tried this on only two images on this page.... stopping at that since I discovered the glitch. The two spots are the Earth Flag and the Topsail. I set them as swap image onMouseover, also wanting them to remain after Mouseclick. The page is http://www.headtoheartlearning.com/puzzlepage.htm.... but I'm not sure how I would post the images separately.

Report · May 09, 2006

Upload them to the same location and tell me their filenames....

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Lake mi" <webforumsuser@macromedia.com> wrote in message
news:e3qkko$nhc$1@forums.macromedia.com...
> Hmmm. I see the problem as one of confining the new image to the shape of
> the
> hotspot.... which defines each of the sails. I've tried this on only two
> images on this page.... stopping at that since I discovered the glitch.
> The
> two spots are the Earth Flag and the Topsail. I set them as swap image
> onMouseover, also wanting them to remain after Mouseclick. The page is
> http://www.headtoheartlearning.com/puzzlepage.htm.... but I'm not sure how
> I
> would post the images separately.
>

Report · May 09, 2006

To tell you the truth, I think you will have to do this in Flash. It's just
much too complex a problem for HTML and javascript.

And by the way, I do NOT recommend the use of Flash for your menus....

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Lake mi" <webforumsuser@macromedia.com> wrote in message
news:e3qkko$nhc$1@forums.macromedia.com...
> Hmmm. I see the problem as one of confining the new image to the shape of
> the
> hotspot.... which defines each of the sails. I've tried this on only two
> images on this page.... stopping at that since I discovered the glitch.
> The
> two spots are the Earth Flag and the Topsail. I set them as swap image
> onMouseover, also wanting them to remain after Mouseclick. The page is
> http://www.headtoheartlearning.com/puzzlepage.htm.... but I'm not sure how
> I
> would post the images separately.
>

Report · May 09, 2006

Murray,

thanks so much for your time and interest in this project. Question: Why not use flash buttons on my menu?

Report · May 09, 2006

Well, think about the things that can't read Flash -

1. People without the Flash plugin
2. Search engines
3. Screen assistive devices
4. Dreamweaver

It's not worth the risk in my opinion.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Lake mi" <webforumsuser@macromedia.com> wrote in message
news:e3r53s$euk$1@forums.macromedia.com...
> Murray,
>
> thanks so much for your time and interest in this project. Question: Why
> not use flash buttons on my menu?

Adobe Community

Swap Image code

1 Correct answer