troubleshooting Question

Scriptaculous onmouseover event fire delay

Avatar of jon23d
jon23d asked on
JavaScriptScripting LanguagesWeb Applications
2 Comments1 Solution3562 ViewsLast Modified:
I am using scriptaculous to cause images in a menu to grow then shrink again.  There are several images arranged in a vertical column.  I use the following functions, which are called for the events onmouseover and onmouseout:

function popIn(item) {
      new Effect.Scale(item, 64, {scaleFromCenter:true, duration: .1, queue:'end'});
function popOut(item) {
      new Effect.Scale(item, 150, {scaleFromCenter:true, duration: .1, queue:'end'});

When a user starts at the top and moves towards the bottom every image pops out and then in before the image we are looking for...  I want to make it so that prior to actually popping out that the user is required to keep their mouse hovering over the image for a specified amount of time.

The image's code looks like this:

<img src=th_img_74.jpg'  onmouseover = "popOut(this);" onmouseout="popIn(this);" />

The actual url is  Any ideas?  Does this make sense?
Join our community to see this answer!
Unlock 1 Answer and 2 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 2 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros