Hi,
You can use effects queues[1] to handle that. Either use one queue
for all of your effects, or -- and I think this probably makes more
sense if I understand what you're doing -- use a queue for each
element, so the fade can't stomp on the appear.
So where you're creating the appear effect,
Thanks, perfect! Can that be done with my inline code, though?
Or if not, for some reason I am having trouble understanding how to
setup the effect in a Javascript and then call the effect with
onmouseover and onmouseout. What would be the equivalent of a
Javascript version of the same thing as
For example, this is what I'm trying, but it isn't working:
script type=text/javascript language=javascript
function navicon1on {
effect.appear('navicon1', {duration: 0.3});
}
function navicon1off {
effect.fade('navicon1',
I would give each navigation element an ID, but that's just me.
Working with the HTML you have here, you could do this to hook into
TJ's elegant code.
$$('div. posnavtext1 a').each(function(element){
element.observe('mouseover',function(evt){
new Effect.Appear(element, {
Hi,
Thanks, perfect!
No worries!
Can that be done with my inline code, though?
It _can_, yes, just put the queue parameter in your existing options
blocks. But as Walter indicates, you really don't need to be using
inline event attributes anymore.
For example, this is what I'm trying,
This is over my head at the moment, so I will need to start out small
and work my way up. I'm trying to do something really simple, which is
just to add the queue to my inline event. If I can be confident that
that works, then I'll try the no-inline-event method. Here is my
existing code:
div
Hi,
You want to use a queue for each icon; since your inline code already
use the icon element's ID literally, you can just supply that
literally as the scope.
, queue: {scope: 'navicon1', position: 'end'}
E.g., in this case, you don't need Element#identify. (The reason it
wasn't working