Here is my page:
http://www.eccrv.com/v2
Mousing over the buttons at the top (Independent Living, Personal
Care, etc.) should cause the image under them to fade out, and a
different image to appear. First example below, I'm showing the
Javascript, the button with event trigger, then the DIV's with ID
screen0 and screen1. The fade out works fine, but I can't get screen1
to fade in for some reason? Would really appreciate any help, I think
I'm close to getting this to work. Thanks!
function screenToggle1() {
$('screen0').fade({duration: 0.6, queue: {position: 'end',
scope:
'screen0', limit: 10}});
$('screen1').appear({duration: 0.6, queue: {position: 'end',
scope:
'screen1', limit: 10}});
$('screen2').fade({duration: 0.6, queue: {position: 'end',
scope:
'screen2', limit: 10}});
$('screen3').fade({duration: 0.6, queue: {position: 'end',
scope:
'screen3', limit: 10}});
$('screen4').fade({duration: 0.6, queue: {position: 'end',
scope:
'screen4', limit: 10}});
$('screen5').fade({duration: 0.6, queue: {position: 'end',
scope:
'screen5', limit: 10}});
}
<a onmouseover="screenToggle1();act('buttona')" onmouseout="inact
('buttona')" href="http://www.eccrv.com/v2/independent-
living.asp"><img name="buttona" src="art/mh_2a.jpg" alt="Independent
Living" width="148" height="65" border="0" /></a>
<div id="screen0" class="sh_home">StoneRidge Retirement Living<br />
<span class="gray">provides four important levels of<br />
retirement living. <span class="noital">Lorem ipsum<br />
masker waker. Morem maser awe<br />
savher apoer.</span></span></div>
<div id="screen1" class="sh_independentliving"><a class="menus"
href="#">CORE VALUES</a><br />
<a class="menus" href="#">OVERVIEW</a><br />
<a class="menus" href="#">ACCOMMODATIONS</a><br />
<a class="menus" href="#">AMENITIES</a><br />
<a class="menus" href="#">QUESTIONS</a><br />
<a class="menus" href="#">APPLICATION</a><br />
<a class="menus" href="#">DIRECTIONS</a><br />
<a class="menus" href="#">MORE INFO</a><br />
<a class="menus" href="#">LOCAL LINKS</a></div>
--
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en.
