Thanks Glen.... i will incorporate the sprites tonight... In the meantime, i tried using interface fx library for stopping animations which should effectively make it perform exactly as the mootools version. have a look at it and lemme know if the delay problem is gone...
http://www.gmarwaha.com/jquery/jfancymenu/test/test.html But, ofcourse, this means that u need the interface fx plugin. But, it is a start... I will experiment with Glens sprites and more optimized hoverIntent tonight... Lets see what comes out of it... Brandon: Thanks for the suggestion. Yes, i am planning to add the background using javascript in the final version... Just wanted the js a bit clean when i am experimenting with the animation issues and work arounds... P.S. Glen: You da man.... -GTG On 8/14/07, Brandon Aaron <[EMAIL PROTECTED]> wrote: > > Nice ... gotta love collaboration! One thing I'd like to see if the extra > li element added at runtime so it is not there if javascript isn't enabled. > > -- > Brandon Aaron > > On 8/14/07, Glen Lipka <[EMAIL PROTECTED]> wrote: > > > > Ok, I made the sprite for you with css. > > 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]> wrote: > > > > > > Sure, i will try that... I sincerely hope that solves the > > > unresponsiveness problem... > > > > > > -GTG > > > > > > On 8/14/07, Brian Cherne < [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]> 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 < [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.2comes 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? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
