Rollover Thumb & Swap Image

Hello Fellow Knowledge Seekers,
I want to do a standard swap image rollover, but I want the
thumbnail to change too.
http://www.shutterstutter.com/Ancestor.htm
If you look at the link you'll see the rollovers, but the
thumb is not altered...
How do I change the thumb at the same time???
I am perplexed because I was able to do this last year but
have since forgotten...
I have been playing with behaviors with no luck...
Thanks Alan...

<a href="javascript:;"
onMouseOver="MM_swapImage('thumbtest','','index%20files/THUMBNAIL-OVER.gif','BOX
-------------------------------------------------------------------------^^^
(space character)
','','index%20files/PLACE%20HOLDER%20with%20Image%20copy.gif',1)"
------------^^^--------------------^^^---------------^^^^-------^^^-----------^^^
(space characters)
onMouseOut="MM_swapImgRestore()"><img
src="index%20files/THUMBNAIL-1.gif"
--------------------------------------------------------------------------------^^^
(space character)
name="thumbtest" width="40" height="39" border="0"
id="thumb"></a></div></td>
Try file/pathnames like this -
'index-files/thumbnail-over.gif'
'index-files/placeholder-with-image-copy.gif'
'index-files/thumbnail-1.gif
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
==================
"churchill25" <[email protected]> wrote in
message
news:f0nglk$dqt$[email protected]..
>
quote:
You should eliminate spaces from your file/pathnames. They
will bite
> you
> when you least expect it. Use only letters, numbers,
hyphens, and
> underscores.
>
> Hey Murray, thanks for all the help...
>
> Would you mind explaining a bit more about the above
quote?
> I'm still a beginner so "eliminate spaces from your
file/pathnames" is
> above
> my head.
> Unless you mean, photos should only have one word titles
rather than
> two...?
>
> As far at the roll over, this is just right.
> Restoring both images on mouse out is prefect for my
needs,
> This highlights the small thumbnail that the person is
viewing...
>
>
>

Similar Messages

Rollover, hotspot, swap image????

One of my links in my employoee website has a number of
pictures. They are each on their own layer but they overlap
eachother so only one image should show at a time. I have a
selection to the left of the image where the person can click on a
department and a different picture will show up for that
department. I first have to create that in Fireworks and I'm not
sure how. I have each department selection (text) on it's own layer
in photoshop and each picture on it's on layer. Can you explain to
me what I need to do for this? Is it called "swap image" or
rollover or hotspot?
Then after I do that, I want people to be able to drag their
mouse curser over people's faces and that person's info. will
appear at the bottom. I also created every person's info. as a
layer in photoshop. Can someone explain how to do this?

> Are you
> saying just do my slices in Fireworks and then use
Dreamweaver to finish?
That's what I'm saying, yes.
> could you please explain to me how to do the hotspots
over the people's
> faces so that when the mouse is over a title bar appears
at the bottom of
> the
> screen that has their name and title and then when the
mouse is out it
> disappears?
This will be advanced for you. It's simple enough to add a
hotspot to an
image in DW -
select the image, click on the Polygonal hotspot tool on the
Property
inspector, and draw your hotspot.
What will be trickier for you is the part about the popup.
One simple thing
to try would be to assign a title attribute to the hotspot,
e.g.,
<area title="my name, my title"....
Having done this, as you mouseover that particular hotspot,
you will get a
'tooltip' display of the contents of the title attribute.
There are three
downsides to this method -
1. The tooltip only displays for a short time
2. The tooltip only displays a certain number of characters
(I think 100)
in some browsers (FF)
3. You have no flexibility in styling the tooltip or its
contents
Notwithstanding these, it's simple enough to do, although you
will either
have to add the necessary code (the title attribute and its
value) manually
to the <area> tag, or you will need to use DW's Tag
Inspector to get at the
title attribute.
> I set up the file in Photoshop to have everything on
it's own file
> so I already have the 50 layers of people's names and
titles to appear
> under
> the photos and 13 different photos.
The way you set it up in Photoshop would have no bearing on
how you would do
this on an HTML page.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"lpaquinhand" <[email protected]> wrote in
message
news:[email protected]...
> OK. Sorry If I seemed to disagree with you. I have
redone this website
> over 4
> times because I am told something different every single
time. First
> Dreamweaver was the best place to do this, then it was
Photoshop and then
> it
> was Fireworks and now it is back to Dreamweaver. I know
everyone has
> their
> favorite way of doing things but I am so confused at
this point. I have a
> deadline of 2 weeks for this website and I am currently
in Fireworks. Are
> you
> saying just do my slices in Fireworks and then use
Dreamweaver to finish?
> IF
> so, could you please explain to me how to do the
hotspots over the
> people's
> faces so that when the mouse is over a title bar appears
at the bottom of
> the
> screen that has their name and title and then when the
mouse is out it
> disappears? I set up the file in Photoshop to have
everything on it's own
> file
> so I already have the 50 layers of people's names and
titles to appear
> under
> the photos and 13 different photos. Is there any way for
you to walk me
> through this at this point in Dreamweaver? I would
really appreciate it.
> Thanks.
>

Rollover and swap image

Hi, I've created a rollover image that also replaces another
image elsewhere when rolled over. The original rollover does not
return to it's original state on roll out.
Any ideas?
Thanks Chris
<td width="100" height="20"><a
href="philosophy/philosophy.htm" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('philosophy','','images/navigation/philosophy_over.jpg',1);MM_s wapImage('black_band','','images/navigation/philosophy.jpg',1)"><img
src="images/navigation/philosophy_up.jpg" alt="Philosophy"
name="philosophy" width="100" height="20" border="0"
id="philosophy" /></a></td>

Do not use the automatic restore.
Apply a standard mouseover rollover to image1 to swap in
image1b and to swap
image2 to image2b. Do not enable the restore option. Make the
event
onmouseover.
Apply a second image swap behavior to swap image1 back to
image1, and image2
back to image2. Do not enable the restore option. Make the
event
onmouseout.
I note from your code that you have applied TWO onmouseover
events for the
original swap. Don't do that. Apply the behavior once, but
make that one
application swap both images, i.e., do not swap one image,
click OK, and
apply it again. Swap the first image, then find and select
the second
image, and swap it as well before clicking OK.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Tun Tun bags of fun" <[email protected]>
wrote in message
news:fm7jg5$f4c$[email protected]..
> Hi, I've created a rollover image that also replaces
another image
> elsewhere
> when rolled over. The original rollover does not return
to it's original
> state
> on roll out.
>
> Any ideas?
>
> Thanks Chris
>
> <td width="100" height="20"><a
href="philosophy/philosophy.htm"
> onmouseout="MM_swapImgRestore()"
>
onmouseover="MM_swapImage('philosophy','','images/navigation/philosophy_over.jpg
>
',1);MM_swapImage('black_band','','images/navigation/philosophy.jpg',1)"><img
> src="images/navigation/philosophy_up.jpg"
alt="Philosophy"
> name="philosophy"
> width="100" height="20" border="0" id="philosophy"
/></a></td>
>

Swap Image Behavior with Text

I am trying to figure something out but can't seem to find
it. I'm sure it must be pretty simple, but I'm stumped. Basically,
I have a main image and a few thumbnail images below it. I've
attached the Swap Image behavior to each thumb to change the main
image to a different photo and then changed the onMouseOver to
onClick.
The problem is I want to also have some photo text or caption
below the main image to change. Does anyone know how to do this
with more or less stock DW behaviors? Or if not, how to do it in
the most efficient way possible?
Thanks in advance.
-Bill

You could always embed the caption information in the image,
you know? That
would be the simplest way. Is that possible?
Alternatively you could create a series of stacked
containers, each hidden,
in the location where you want your captions. Then you would
make your
onclick event do both the image swap and the Show/Hide on the
associated
caption container (*and* a hide on all the rest of the
caption containers).
This can be pretty tedious when there are lots of images, and
you are using
only the DW User interface (as opposed to Code view). It will
also take you
into the realm of positioned elements (probably) which can be
troublesome
themselves.
Finally, if this is all too much for you, there are EXCELLENT
alternatives
over at projectseven ($) for doing something like this right
out of the box.
http://www.projectseven.com/
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"captcashew" <[email protected]> wrote in
message
news:[email protected]...
>I am trying to figure something out but can't seem to
find it. I'm sure it
>must
> be pretty simple, but I'm stumped. Basically, I have a
main image and a
> few
> thumbnail images below it. I've attached the Swap Image
behavior to each
> thumb
> to change the main image to a different photo and then
changed the
> onMouseOver
> to onClick.
>
> The problem is I want to also have some photo text or
caption below the
> main
> image to change. Does anyone know how to do this with
more or less stock
> DW
> behaviors? Or if not, how to do it in the most efficient
way possible?
>
> Thanks in advance.
>
> -Bill
>
> <p><img src="images/215-suite-2.jpg" alt="Main
Photo" name="mainImage"
> width="300" height="225" id="mainImage" /></p>
> <p> </p>
> <p> </p>
> <p><img src="images/215-suite-2.jpg"
alt="Thumbnail Photo 1"
> name="thumb1"
> width="100" height="75" id="thumb1"
>
onclick="MM_swapImage('mainImage','','images/215-suite-2.jpg',1)"
/>
> <img src="images/renovations_02-after.jpg"
alt="Thumbnail Photo 2"
> name="thumb2" width="100" height="75" id="thumb2"
>
onclick="MM_swapImage('mainImage','','images/renovations_02-after.jpg',1)"
> />
> <img src="images/renovations_03-after.jpg"
alt="Thumbnail Photo 3"
> name="thumb3" width="100" height="75" id="thumb3"
>
onclick="MM_swapImage('mainImage','','images/renovations_03-after.jpg',1)"
> /></p>
>

Swap images while rolling over popup menu

Hello,
I've been playing with fireworks CS5 for some days now and made a first attempt on a website.
So far, i've made a navigation bar with two states in order to be able to add a simple roll over behavior, e.g. darkening text on rollover. I also have been able to make a dropdown menu (popup) via slices.
Then I decided to swap images when on nav bar headings. So far, so good.
When I did a preview in my browser, it appeared that as soon as I was leaving the nav bar, the image swapped back to the old setting. Perfect.
But when I did a mouse over on one of the dropdown menu's of the navigation bar, the image swapped back as well.. I've been trying, but didnt manage to find out how to fix this.
So, is there anyone here that knows if it is possible, and if so, how to keep images swapped to a second stage as long as the mouse is on the dropdown menu, but swaps back to the original state when leaving the dropdown and/or the navigation bar.
Thanks in advance,

Hi Bryan,
It may be possible to cheat and put this onto the button:
the option that you want is called TITLE.
if you set one of the other parameters (e.g. the label)
to be:
LABEL_TEXT" TITLE="TITLE_TEXT
basically when it adds the text onto the form it will wrap it in "
If it doesn't strip out the " from your text you should get your extra parameter.
it may slip past the portal checking.
I can't test it as I only have WebDB, but I have done something similar with javascript in WebDB.
good luck
Michael

Two Swap Image Behaviors - Only One Swap Image Restore Works

How come?
I have a button image with a two swap image behaviors applied to it - a rollover for the OVER state and one behavior for a disjointed or "remote" rollover effect.
Both rollover effects work fine, but the disjointed or remote rollover effect does not return the button to it's original state. (I've determined this by removing the second or remote swap image behavior and testing it.)
Why doesn't this work?
All scripts are contained within the HTML page itself; no linked scripts are used.
Thanks!

Page code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">

</script>
<style type="text/css">

</style></head>
<body bgcolor="#FFFFFF" onLoad="MM_preloadImages('images/navigation_2_over-05.gif','images/navigation_2_over-06.g if','images/navigation_2_over-07.gif','images/navigation_over-08.gif','images/navigation_o ver-09.gif','images/navigation_over-10.gif','images/team.gif','images/forms.gif','images/e xport.gif','images/consulting.gif','images/programming.gif','images/contact.gif')">
<table width="792" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td width="792" height="126" colspan="2">
   <img id="index" src="images/index.gif" width="792" height="126" alt="" /></td>
</tr>
<tr>
<td width="792" height="34" colspan="2">
<table id="Table_01" width="792" height="34" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="34" height="34">
   <img src="images\navigation_2.gif" width="34" height="34" alt="" /></td>
<td width="426" height="34">
   <img src="images\navigation_2-02.gif" width="426" height="34" alt="" /></td>
<td width="105" height="34" id="title">
   <img src="images\blank.gif" alt="" name="blank" width="105" height="34" id="blank" /></td>
<td width="5" height="34">
   <img src="images\navigation_2-04.gif" width="5" height="34" alt="" /></td>
<td width="36" height="34">
   <img src="images\navigation_2-05.gif" alt="" width="36" height="34" id="Image1" onMouseOver="MM_swapImage('Image1','','images/navigation_2_over-05.gif',1);MM_swapImage(' blank','','images/team.gif',1)" onMouseOut="MM_swapImgRestore()" /></td>
<td width="32" height="34">
   <img src="images\navigation_2-06.gif" alt="" width="32" height="34" id="Image2" onMouseOver="MM_swapImage('Image2','','images/navigation_2_over-06.gif',1);MM_swapImage(' blank','','images/forms.gif',1)" onMouseOut="MM_swapImgRestore()" /></td>
<td width="31" height="34">
   <img src="images\navigation_2-07.gif" alt="" width="31" height="34" id="Image3" onMouseOver="MM_swapImage('Image3','','images/navigation_2_over-07.gif',1);MM_swapImage(' blank','','images/export.gif',1)" onMouseOut="MM_swapImgRestore()" /></td>
<td width="33" height="34">
   <img src="images\navigation_2-08.gif" alt="" width="33" height="34" id="Image4" onMouseOver="MM_swapImage('Image4','','images/navigation_over-08.gif',1);MM_swapImage('bl ank','','images/consulting.gif',1)" onMouseOut="MM_swapImgRestore()" /></td>
<td width="31" height="34">
   <img src="images\navigation_2-09.gif" alt="" width="31" height="34" id="Image5" onMouseOver="MM_swapImage('Image5','','images/navigation_over-09.gif',1);MM_swapImage('bl ank','','images/programming.gif',1)" onMouseOut="MM_swapImgRestore()" /></td>
<td width="42" height="34">
   <img src="images\navigation_2-10.gif" alt="" width="42" height="34" id="Image6" onMouseOver="MM_swapImage('Image6','','images/navigation_over-10.gif',1);MM_swapImage('bl ank','','images/contact.gif',1)" onMouseOut="MM_swapImgRestore()" /></td>
<td width="17" height="34">
   <img src="images\navigation_2-11.gif" width="17" height="34" alt="" /></td>
</tr>
</table>
td>
</tr>
<tr>
<td width="410" height="352">
   <img id="index003" src="images/index-03.gif" width="410" height="352" alt="" /></td>
<td width="382" height="352">
   <img id="index004" src="images/index-04.gif" width="382" height="352" alt="" /></td>
</tr>
<tr>
<td width="792" height="29" colspan="2">
   <img id="index005" src="images/index-05.gif" width="792" height="29" alt="" /></td>
</tr>
</table>
</body>
</html>
I can't publish the page and images until later tonight.
Thanks, as always.

Swap Image not working Except in IE

I am working on a class project, and we've just learned how
to do "swap image" on rollover. It's working beautifully when in
IE, but in Firefox it's not working at all and in Opera it's
working strangely (only when on the "edges" of the flash text not
when rolling over the flash text) Any ideas as to the problem? The
flash text rollover works (changes colors), but the "bubbles" are
supposed to swap images. BTW, I thought it might be a setting in my
browser disabling something, but the swap image on classmates'
sites show up fine.
http://198.86.244.3/drsimpson/WEB140/drsimpsongallery/
Thanks

I can't see what is the problem. :-(
Try replacing your flash buttons with plain gif images, it
works the same way and you will have much less code on your page. I
don't think the problem is there but you can always try.

Swapping images - need to change size

I am trying to create a disjointed rollover so that when I
click on a picture thumbnail in one frame, the full-size image
changes on another frame (it is for a photo website - there are
about 20 thunbnails on a page and a space for only one full-size
image).
It works perfectly fine with "Swap Images" behavior as long
as all full-size images are of the same size - you just set one of
the full-size images as an original as then swap images as you
click on different thumbnails. The problem I am struggling with is
that my full-size images are of different size - "Swap Images"
functions distorts them since it resizes all full-time images to
the same size. What is a solution?

You can do this many ways ways -
1. Don't use swap image - use Show/Hide layer instead. Have
the alternate
image in a hidden layer that is shown when the trigger is
'tickled'. Using
this method you can have images that are any dimension.
2. Use swap image, but remove the dimensions from the
original image's tag,
i.e., change this -
<img name="original" width="150" height="220" ...
to this -
<img name="original" ...
Now when you swap in your offsize image, there is no
predefined size to
change it to. Be aware that this method may well result in an
unpleasant
and undesirable 'rearrangement' of your page layout as it
adjusts to your
new image's dimensions.
3. Pad the smaller image with canvas background color on all
sides so that
all the images *are the same size*.
4. Use a SetTextofLayer (SetText of Element in CS3) behavior
to change the
image reference in a layer (or non-positioned container)
placed so that it
will show the desired larger image in the proper place.
5. Use the PVII ShowPic extension -
http://www.projectseven.com/
Take your pick....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"ADoubov" <[email protected]> wrote in
message
news:[email protected]...
>I am trying to create a disjointed rollover so that when
I click on a
>picture
> thumbnail in one frame, the full-size image changes on
another frame (it
> is for
> a photo website - there are about 20 thunbnails on a
page and a space for
> only
> one full-size image).
>
> It works perfectly fine with "Swap Images" behavior as
long as all
> full-size
> images are of the same size - you just set one of the
full-size images as
> an
> original as then swap images as you click on different
thumbnails. The
> problem
> I am struggling with is that my full-size images are of
different size -
> "Swap
> Images" functions distorts them since it resizes all
full-time images to
> the
> same size. What is a solution?
>

Swap Image Restore Confusion

In a nutshell, I have three buttons - each button has a
rollover effect AND should also trigger a swap image. When you move
off the button the rollover returns, but the picture stays the
same. What am I doing wrong?
On this one the button rolls over correctly and the image
changes, but does not return to the text image on t mouse out.
http://www.fischerexcavating.com/index_new.htm
This one the button does NOT roll over but the image swaps
out correctly.
http://www.fischerexcavating.com/index_new2.htm
I can not for the life of me get these to work TOGETHER!
<td width="214"><a href="/Excavating/about.htm"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Excavate','','/images/Home_Excavate_Over.gif',1)">
<img src="/images/Home_Excavate_On.gif" alt="Excavate"
name="Excavate" width="214"
height="60" border="0"
onMouseOver="MM_swapImage('PicHome','','/images/Home_Pic_Excavate.gif',1)"
onMouseOut="MM_swapImgRestore()"></a></td>
<td width="392" rowspan="3"><img
src="/images/Home_Text.gif"
name="PicHome" width="388" height="215"
id="PicHome"></td>
<td width="214"><a href="/Excavating/about.htm"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Excavate','','/images/Home_Excavate_Over.gif',1);
MM_swapImage('PicHome','','/images/Home_Pic_Excavate.gif',1)">
<img src="/images/Home_Excavate_On.gif" alt="Excavate"
name="Excavate" width="214"
height="60" border="0"></a></td>
<td width="392" rowspan="3"><img
src="/images/Home_Text.gif"
name="PicHome" width="388" height="215"
id="PicHome"></td>
Thank you in advance!

Remove everything you have.
Select the button and apply an image swap. In the list of
images, select
the first one you want to swap out, and browse to and select
the one to roll
in. Then in that same list of images, select the next one you
want to swap
out, and repeat. Do this as long as you still have images you
want to swap.
Only then would you click OK and close the behavior dialog
panel. This will
give you -
<td width="214"><a href="/Excavating/about.htm"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Excavate','','/images/Home_Excavate_Over.gif','','PicHome','', '/images/Home_Pic_Excavate.gif',1)">
<img src="/images/Home_Excavate_On.gif" alt="Excavate"
name="Excavate"width="214" height="60"
border="0"></a></td> <td
width="392" rowspan="3"><img
src="/images/Home_Text.gif" name="PicHome"
width="388" height="215" id="PicHome"></td>
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
==================
"KimBellee" <[email protected]> wrote in
message
news:[email protected]...
> In a nutshell, I have three buttons - each button has a
rollover effect
> AND
> should also trigger a swap image. When you move off the
button the
> rollover
> returns, but the picture stays the same. What am I doing
wrong?
>
> On this one the button rolls over correctly and the
image changes, but
> does
> not return to the text image on t mouse out.
>
>
http://www.fischerexcavating.com/index_new.htm
>
> This one the button does NOT roll over but the image
swaps out correctly.
>
>
http://www.fischerexcavating.com/index_new2.htm
>
> I can not for the life of me get these to work TOGETHER!
>
> <td width="214"><a href="/Excavating/about.htm"
> onMouseOut="MM_swapImgRestore()"
>
onMouseOver="MM_swapImage('Excavate','','/images/Home_Excavate_Over.gif',1)">
>
> <img src="/images/Home_Excavate_On.gif"
alt="Excavate" name="Excavate"
> width="214"
> height="60" border="0"
>
onMouseOver="MM_swapImage('PicHome','','/images/Home_Pic_Excavate.gif',1)"
>
onMouseOut="MM_swapImgRestore()"></a></td>
>
> <td width="392" rowspan="3"><img
src="/images/Home_Text.gif"
> name="PicHome" width="388" height="215"
id="PicHome"></td>
>
>
>
> <td width="214"><a href="/Excavating/about.htm"
> onMouseOut="MM_swapImgRestore()"
>
onMouseOver="MM_swapImage('Excavate','','/images/Home_Excavate_Over.gif',1);
>
MM_swapImage('PicHome','','/images/Home_Pic_Excavate.gif',1)">
>
> <img src="/images/Home_Excavate_On.gif"
alt="Excavate" name="Excavate"
> width="214"
> height="60" border="0"></a></td>
>
>
> <td width="392" rowspan="3"><img
src="/images/Home_Text.gif"
> name="PicHome" width="388" height="215"
id="PicHome"></td>
>
> Thank you in advance!
>
>
>

Swap Image + Multiple Frames

New to FW ... figured out how to take a PS document and slice
it up and create simple rollovers (sliced image > created a
second frame for the rollover items/layers) ... now I need to
create a basic image swap (roll over thumbnail and larger pic
appears in center). I put each large picture / image in a new frame
- everything works fine - BUT - when I export, I'm getting slices
for every frame. Can I easily remove the web layer from the large
pic frames? I tried turning off the visibility but that didn't seem
to do the trick. Please advise! Would love a simple solution so I
don't have to take the time to delete all of the duplicate slices
in DW after the fact. THANKS.

Something like this?
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
Cheers
Nick
"Fun Leprechaun" <[email protected]> wrote
in message
news:fru4dm$mc3$[email protected]..
> Hey there,
>
> How can I use the Swap Image Behavior for multiple
images on Load - I
want the
> images to loop WITHOUT the user having to have their
mouse over the image
to
> enable it to change. I've also seen the images come in
from the left and
then
> the right etc. (hopefully you get what I mean!)
>
> Any suggestions?
>
> Thanks a mill folks!
>

Help using swap images to swap 2 separate images

I am trying to use swap images to swap two separate images on
the same page but I can't get it to work. Here is the code for one
image, rotator. I also have a second image,rotatorB that I want to
swap different images with. I think I need two separate codes but
do not know how to do it.
Thank You

Sorry, I don't know enough about how fireworks functions - but overall, I think it's always best to create the slices in a program like fireworks, (or image ready, etc), and then build the actual page in Dreamweaver (or other web software). It's kind of like how Photoshop used to let you create the slices, then export the entire photoshop file as an html page - it would create a very basic page with multiple nested tables that were nothing but trouble...
For what it's worth - Dreamweaver makes it fairly easy to do - once you're familiar it should only take a few minutes to accomplish (once you have all of the pieces saved to the images folder).
Fireworks isn't a web-creation software - it's function is to optimize images for the web, and slice up graphics (from what I know about it, anyway...)
**Also, on a side note - there are many disadvantages to creating buttons with graphics - number one reason is down the road when a client wants to add or modify the buttons, they will need the original photoshop file - and the fonts loaded in order to accomplish... then need to save out both the on and off state for each. I've been there, and they find it very annoying (known to lose customers because of it). Secondly, search engines and Handicap accessible software can't read graphics - even if you apply "alt tags", it's not as good as having a text link. If possible, it's best to use text for the links (and creating the rollover effects with stylesheets - there are tons of examples: http://search.live.com/results.aspx?q=css+rollover&form=MS8TDF&pc=MS8TDF&src=IE-SearchBox
Hope that helps
Jesse

Naming the swap image - Can't find it in the tag inspector.

Hello,
I followed an online description of how to do swap images
(mouse rollover) for a hyperlink. The article said that swap images
work best if the images are "named" which is a different attribute
than the image file name. I was able to name the first image, but I
never got a window that lets me name the swap image. The rollover
effect is working fine, but I want to follow best practices if the
swap image should also be named.
Where do I get the menu to name the swap image?
Thanks,
Tom

You only have to name the trigger image. Select the trigger,
apply the
behavior, browse to and select the incoming image (by
filename!), and click
OK.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"tomwood2" <[email protected]> wrote in
message
news:g603ub$1of$[email protected]..
>
quote:
Originally posted by:
Newsgroup User
> Select an image. Look at the Property Inspector. There
is a field called
> "Name". Use it. Or just add the "name" attribute
manually -
>
> <img name="goober"....
>
>
> That's the trouble, I can't figure out how to 'select'
the image that is
> the
> second image. Here's the code after applying the swap
image behavior:
>
> <img src="images/smile120x90.png" name="smile"
id="smile"
>
onmouseover="MM_swapImage('smile','','images/kiss120x90.png',1)"
> onmouseout="MM_swapImgRestore()" />
>
> I'm swapping in a kiss when the mouse hovers over a
smile. After
> Insert>Image
> and inserting the first image, images/smile120x90.png, I
can select it and
> name
> it 'smile'. But placing the cursor over
images/kiss120x90.png inside that
> behavior code doesn't select that image.
>
> Thanks,
>
> Tom
>
>
>

Hi I have been having a problem with Bridge in CS4 recently. So uninstalled CS4 and Lightroom 4.4 and reinstalled them on my Desktop PC. When I turned on Bridge through CS4, My thumb nail images disappeared and a thumb nail icon with CR2 appeared. Now som

Hi I have been having a problem with Bridge in CS4 recently. So uninstalled CS4 and Lightroom 4.4 and reinstalled them on my Desktop PC. When I turned on Bridge through CS4, My thumb nail images disappeared and a thumb nail icon with CR2 appeared. Now some of my images have disappeared from Light room 4.4, but I can find them in CS4 and Bridge now shows some thumb nails as images and some as an icon with CR2. I have spent two weeks going through preferences etc. to find how to resolve my problem. Please can you Help? Meany thanks in advance
Derek Randall

I don't use LR and rarely use the bridge so I can not answers about thumbnails in them, However thumbnails in windows file explorer and windows dialog for CS2 files will only show if you have installed codec into windows that will produce them. Windows does not do CR2 thumbnails on its own. I use FastPictureViewer Codec package for RAW File and PSD files thunbmail support.

"While executing applyBehavior in Swap image.htm, a JavaScript error occurred."

What should be a simple web update is turning into a nightmare. I can't select any of my images to apply onMouseOver Swap Image behaviors, and I keep getting the message above.
Can I just say right now that I hate Dreamweaver CS6 and what it's doing to this project?
Ugh!

Is this a plea for help or a rant?
Javascript Errors in CS4, CS5, CS6 (the whole enchilada of trouble shooting)
http://helpx.adobe.com/dreamweaver/kb/troubleshoot-javascript-errors-dreamweaver-cs4.html
Start with #4, #10 and #12
Nancy O.

Swap images works in preview but not in browser

Hi everyone,
I am attempting to get a swap images to work. It works in the preview window but not when I preview it in the browser. When I open it in a browser the states seem to "cycle" through really quickly in rapid succession. I have linked my png file for you to see. Any thoughts?
Thanks,
denbeck

Your swap image slice is set to Animated GIF. Change it in the Optimize panel to plain GIF or PNG 8
Jim Babbage

Rollover Thumb & Swap Image

Similar Messages

Maybe you are looking for