Tuesday, March 23, 2010

Age Old Disjointed rollover problem

Check the link for example:
Test
Site



I wanted button #3 on the top of the thumbnails (skillsaw) to
perform as a rollover button and also to swap the main image on
click, but the onmouseout behavior swaps both images back out when
I hover off the button, so I'm left with the original main image
when I want it to stay. Just wondering if anyone knows a
workaround. My search on the internet has been fruitless...Age Old Disjointed rollover problem
Don't use the automatic restore. Use an explicit image swap,
but only swap

one of the images back.



--

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 %26amp; Resources


http://www.dwfaq.com - DW FAQs,
Tutorials %26amp; Resources


http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes

==================





''jonkati'' %26lt;webforumsuser@macromedia.com%26gt; wrote in
message

news:eq2c08$o81$1@forums.macromedia.com...

%26gt; Check the link for example:

%26gt;
http://joerichardsonart.com/larson/gallery.html

%26gt;

%26gt; I wanted button #3 on the top of the thumbnails
(skillsaw) to perform as

%26gt; a

%26gt; rollover button and also to swap the main image on
click, but the

%26gt; onmouseout

%26gt; behavior swaps both images back out when I hover off the
button, so I'm

%26gt; left

%26gt; with the original main image when I want it to stay.
Just wondering if

%26gt; anyone

%26gt; knows a workaround. My search on the internet has been
fruitless...

%26gt;

%26gt; %26lt;td%26gt;%26lt;a href=''#''%26gt;%26lt;img
src=''images/thumb3.jpg'' name=''thumb3'' width=''65''

%26gt; height=''62'' border=''0'' id=''thumb3''

%26gt;
onclick=''MM_swapImage('mainImage','','images/mainimage_over.jpg',1)''

%26gt;
onmouseover=''MM_swapImage('thumb3','','images/thumb3_over.jpg',1)''

%26gt; onmouseout=''MM_swapImgRestore()''
/%26gt;%26lt;/a%26gt;%26lt;/td%26gt;

%26gt;





Age Old Disjointed rollover problem
Thanks, but I'm learning how to actually deal with the code
within the document as we speak. How would the code look in the
page compared to what I have?
%26lt;a href=''...'' onMouseOver=''swapimage1%26amp;2in''
onMouseOut=''swapimage1back''



Like that - no onMouseOut=''automaticrestore''....



--

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 %26amp; Resources


http://www.dwfaq.com - DW FAQs,
Tutorials %26amp; Resources


http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes

==================





''jonkati'' %26lt;webforumsuser@macromedia.com%26gt; wrote in
message

news:eq2hbt$10p$1@forums.macromedia.com...

%26gt; Thanks, but I'm learning how to actually deal with the
code within the

%26gt; document as we speak. How would the code look in the
page compared to what

%26gt; I have?






On Sat, 3 Feb 2007 14:09:25 -0500, ''Murray *ACE*''

%26lt;forums@HAHAgreat-web-sights.com%26gt; wrote:



%26gt;%26lt;a href=''...'' onMouseOver=''swapimage1%26amp;2in''
onMouseOut=''swapimage1back''



The ampersand character is not allowed. See


http://www.w3.org/TR/html4/types.html#type-name



ID and NAME tokens must begin with a letter ([A-Za-z]) and
may be

followed by any number of letters, digits ([0-9]), hyphens
(''-''),

underscores (''_''), colons ('':''), and periods (''.'').





Gary


You misread my pseudo-code.



--

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 %26amp; Resources


http://www.dwfaq.com - DW FAQs,
Tutorials %26amp; Resources


http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes

==================





''Gary White'' %26lt;gary@apptools.com%26gt; wrote in message

news:21o9s2pikf4lqvh1rusj24pju3ddrldbuc@4ax.com...

%26gt; On Sat, 3 Feb 2007 14:09:25 -0500, ''Murray *ACE*''

%26gt; %26lt;forums@HAHAgreat-web-sights.com%26gt; wrote:

%26gt;

%26gt;%26gt;%26lt;a href=''...'' onMouseOver=''swapimage1%26amp;2in''
onMouseOut=''swapimage1back''

%26gt;

%26gt; The ampersand character is not allowed. See

%26gt;
http://www.w3.org/TR/html4/types.html#type-name

%26gt;

%26gt; ID and NAME tokens must begin with a letter ([A-Za-z])
and may be

%26gt; followed by any number of letters, digits ([0-9]),
hyphens (''-''),

%26gt; underscores (''_''), colons ('':''), and periods (''.'').

%26gt;

%26gt;

%26gt; Gary






Anyone else know how to change my existing code to target the
button rollover only on swap image restore?
What is it you are looking for? You have the answer in this
thread.



--

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 %26amp; Resources


http://www.dwfaq.com - DW FAQs,
Tutorials %26amp; Resources


http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes

==================





''jonkati'' %26lt;webforumsuser@macromedia.com%26gt; wrote in
message

news:eq2npn$80d$1@forums.macromedia.com...

%26gt; Anyone else know how to change my existing code to
target the button

%26gt; rollover only on swap image restore?






On Sat, 3 Feb 2007 14:23:09 -0500, ''Murray *ACE*''

%26lt;forums@HAHAgreat-web-sights.com%26gt; wrote:



%26gt;You misread my pseudo-code.



Oh. Okay. I thought you were using code from the actual page.



Gary


Nahhhhh....



--

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 %26amp; Resources


http://www.dwfaq.com - DW FAQs,
Tutorials %26amp; Resources


http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes

==================





''Gary White'' %26lt;gary@apptools.com%26gt; wrote in message

news:vku9s293hsbb63hu9d31qo65ajomqkj1un@4ax.com...

%26gt; On Sat, 3 Feb 2007 14:23:09 -0500, ''Murray *ACE*''

%26gt; %26lt;forums@HAHAgreat-web-sights.com%26gt; wrote:

%26gt;

%26gt;%26gt;You misread my pseudo-code.

%26gt;

%26gt; Oh. Okay. I thought you were using code from the actual
page.

%26gt;

%26gt; Gary






Thanks for trying, but I'll need a better in depth example
using the code I provided, so I can start understanding this
functionality better. I can't seem to make it work...
Are you trying to hand code it? Or do you want to use DW to
do it with its

behaviors?



--

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 %26amp; Resources


http://www.dwfaq.com - DW FAQs,
Tutorials %26amp; Resources


http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes

==================





''jonkati'' %26lt;webforumsuser@macromedia.com%26gt; wrote in
message

news:eq31o4$inn$1@forums.macromedia.com...

%26gt; Thanks for trying, but I'll need a better in depth
example using the code

%26gt; I provided, so I can start understanding this
functionality better. I

%26gt; can't seem to make it work...






I would like to use the behaviors, because I am more familiar
with them, but I can't figure out how to keep my main image area
from rolling out along with the button rollover, so I am trying to
resort to hand coding, but I don't know how the code should look
with the elements that I have...
So, I already told you how to do that.



Select the trigger image, and apply a swap to swap in image1
and image2 - DO

NOT CHECK THE AUTO RESTORE.



Click OK. Make the event onMouseOver.



Now, with the same trigger image selected, apply another swap
image to swap

image1 back to the original, BUT NOT IMAGE2. And do not check
the auto

restore.



Click OK. Make the event onMouseOut.



--

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 %26amp; Resources


http://www.dwfaq.com - DW FAQs,
Tutorials %26amp; Resources


http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes

==================





''jonkati'' %26lt;webforumsuser@macromedia.com%26gt; wrote in
message

news:eq35vn$n3e$1@forums.macromedia.com...

%26gt;I would like to use the behaviors, because I am more
familiar with them,

%26gt;but I

%26gt; can't figure out how to keep my main image area from
rolling out along

%26gt; with the

%26gt; button rollover, so I am trying to resort to hand
coding, but I don't know

%26gt; how

%26gt; the code should look with the elements that I have...

%26gt;






OK, don't get me wrong, I appreciate your help, but I have
tried every combination that you have given me. Maybe you should
see my example. Part of the problem is that the image I'm swapping
out on rollover also controls the on click for the main image (see
example at
http://joerichardsonart.com/larson/gallery.html)
so the on mouse out is within the same %26lt;td%26gt; tag, hence it
swaps every thing inside of it out. That's why I wanted to see a
snippet of code from a working model.

No comments:

Post a Comment