It's better now that Ganeshji added in the interface plugin.
 
Loads better now. In fact, I'd say that it's perfect.

  _____  

From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Brian Cherne
Sent: Tuesday, August 14, 2007 2:28 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: fancy menu - tell me what you guys think


The responsiveness is a little better.... but still not great. For some
reason the visual treatment of this menu begs for responsiveness. I'm
certainly looking forward to jQuery 1.2 when hoverIntent can go back on the
shelf as more of a special utility and less of a hack. If someone can come
up with a better (near term) alternative I'd love to see it. 

There was a horizontal menu thread from April that had something similar:
<
<http://groups.google.com/group/jquery-en/browse_frm/thread/a94df86e4549bd48
/b5a2ebe5df7e1226?lnk=gst&q=horizontal+menu&rnum=3#b5a2ebe5df7e1226>
http://groups.google.com/group/jquery-en/browse_frm/thread/a94df86e4549bd48/
b5a2ebe5df7e1226?lnk=gst&q=horizontal+menu&rnum=3#b5a2ebe5df7e1226>

And another jQuery implementation of this rounded box idea: 
<http://meta20.net/demos/Smooth_menu_widget_for_jQuery/>

Brian.


On 8/14/07, Glen Lipka <[EMAIL PROTECTED]> wrote: 

Ok, I made the sprite for you with css.
http://www.commadot.com/jquery/lavalamp/
<http://www.commadot.com/jquery/lavalamp/> 
This will make it load the bubble all at once.

I also added in the change from Brian to make it trigger quicker. 



Glen


On 8/14/07, Ganeshji Marwaha < [EMAIL PROTECTED]
<mailto:[EMAIL PROTECTED]> > wrote: 

Sure, i will try that... I sincerely hope that solves the unresponsiveness
problem... 

-GTG 



On 8/14/07, Brian Cherne < [EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]> >
wrote: 

You may be able to tweak hoverIntent's default settings to make it react
more quickly. Maybe something more like: 

.hoverIntent({
   sensitivity: 2,
   interval: 50,
   over: function(){ move(this); },
   out: noop
});

Brian. 



On 8/14/07, Glen Lipka < [EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]> > wrote:


Its a great effect and will make a great plugin.  I love it.
Are you hard-coding the easing or allowing options? 

I saw a little bit of strangeness in the first load, when only the
right-side of the button showed up. 
One suggestion.  Use a button sprite to have the caps and the body as part
of the same image.  That way it would load all at once. 

Nice work!

Glen


On 8/14/07, Ganeshji Marwaha <  <mailto:[EMAIL PROTECTED]>
[EMAIL PROTECTED]> wrote: 


wow, u guys overwhelm me ;-). I sent this message before starting for work,
and when i reach my desk i have such a pleasant surprise... Thanks guys... 

Now, lemme answer some of your concerns...

@Stephan - I am sure u know what !important is. If your question is, why i
have commented that out, then, it is because, the original mootools author
chose to use images as menu items instead of text for some reason. Since he
used images, he had to hack IE 6 with gif versions of the images. So, he had
the !important hacks in place. But, since i figured it is cleaner and easier
to use text rather than images there, i didnt need those hacks, so i just
commented them out. ;-) 

Also, the backout easing effect is causing the bubble to move out of the
target sometimes... I experimented with other easing effects, and it looks
cool for most of them. I chose to display "backout" as my first effect
because that is the same as what mootools version uses and that will give
you apples and apples to compare and comment. 

@Brandon - Thanks a ton... <<blushing>>

@Mike - Thanks

@Andy - I am using the hoverIntent plugin, that is probably causing the
delay, but as of now i dont have a choice because, if i directly use hover,
then the effect will be spoilt. For example, if you move your mouse all the
way across from the first menu item to the last menu item and then back, you
will notice a long animation that slowly passes over one menu item after
another although your intent was not to hover over the interim menu items.
This can at present be solved with interface's animation library. I will try
that next. The good news is, once jquery 1.2 comes out, i wont need
interface plugin as well, coz John has promised a method to stop animations
for jquery 1.2

@Rick - Yes, you are right... You will find lot of documentation when this
little thing progresses into a  plugin. I really have an eye for
documentation. Take a look at my jCarouselLite
<http://gmarwaha.com/jquery/jcarousellite/index.php>  and u will know what i
am mean ;-)   jus kidding...

@Rajesh - See comments for @Andy above. I guess that should address your
concern. 

Thanks again guys... Based on the reponse it seems that it is worth making
this into a real plugin... I will start doing that...

-GTG 




On 8/14/07, Stephan Beal <[EMAIL PROTECTED]> wrote: 


On Aug 14, 5:31 pm, "Ganeshji Marwaha" <[EMAIL PROTECTED]> wrote:
> I have ported this fancy menu over from mootools to jquery. You can take a

> look at ithttp://www.gmarwaha.com/jquery/jfancymenu/test/test.html 

Slick, Ganishji :). My first thought is "lava lamp", so maybe "lava
lamp menu" would be a suitable plugin name?

Is it intentional that the "bubble" slides past its target, and then 
back (a "single bounce" effect)? That's a bit disconcerting - when it
happens i think, "oh, no, it's moving to the wrong menu item." Have
you tried it without the bounce?

And a CSS question for you: 

i notice several commented-out blocks with "!important" in them. What
does that mean in CSS?









Reply via email to