[jQuery] R: [jQuery] Re: Show image gradually

2008-09-30 Thread diego valobra
e; z-index:1001 }          Home   Support   Contact      then you give at the href the title you want, and the span must have the corrispective id.. that's it :) hope it works.. http://www.pirolab.it/piro_09/slide.html Diego --- Mar 30/9/08, yo2lux <[EMAIL PROTECTED]

[jQuery] Re: R: [jQuery] R: [jQuery] Re: Show image gradually

2008-09-30 Thread yo2lux
ul li a { padding:0px; font-weight: bold; width:120px; > height:30px; display:block; font-family: tahoma, arial; color: #fff; > position:relative; z-index:1000 } >   #headernav ul li a:hover { padding:0px; font-weight: bold;height:30px; > display:block;  font-family: tahoma, arial; c

[jQuery] R: [jQuery] R: [jQuery] Re: Show image gradually

2008-09-30 Thread diego valobra
: tahoma, arial; color: #000; position:relative; z-index:1001 }              Home   Support   Contact      Ciao --- Mar 30/9/08, diego valobra <[EMAIL PROTECTED]> ha scritto: Da: diego valobra <[EMAIL PROTECTED]> Oggetto: [jQuery] R: [jQuery] Re: Show image graduall

[jQuery] Re: Show image gradually

2008-09-30 Thread yo2lux
Hi, Thanks for your help! The code is amazing, but I have some issue: 1. Please visit this page: http://progra.ro/zoliky/slide2.html and put the mouse on link, don't move the mouse until slide is finished! 2. The mouse pointer change to finger and normal pointer like a loop. Is possible to solve

[jQuery] Re: Show image gradually

2008-09-29 Thread diego valobra
Hi, you can try this code, http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> http://www.w3.org/1999/xhtml";> http://code.jquery.com/jquery-latest.js";> $(document).ready(function(){ //no slide effects added!! just pure jQuery $('.parent').hover(function () { //start the hover f

[jQuery] Re: Show image gradually

2008-09-29 Thread yo2lux
Now work great! Thanks ! This is what exactly I need On Sep 30, 2:24 am, ricardobeat <[EMAIL PROTECTED]> wrote: > Hmm, the mouseover event still fires for the child element... > > Do this: > > > > > >    .parent { position:absolute; z-index:5 } > > > with the same script. Putting one element

[jQuery] Re: Show image gradually

2008-09-29 Thread ricardobeat
Hmm, the mouseover event still fires for the child element... Do this: .parent { position:absolute; z-index:5 } with the same script. Putting one element on top of the other prevents the onmouseover event from being repeatedly fired. On Sep 29, 6:55 pm, yo2lux <[EMAIL PROTECTED]> wrote

[jQuery] Re: Show image gradually

2008-09-29 Thread yo2lux
I use your code and I have the same problem.. Check your code: http://progra.ro/zoliky/index.html On Sep 29, 11:37 pm, ricardobeat <[EMAIL PROTECTED]> wrote: > yo2lux, > > When you "hide" the box with > > $('.image').hide("slide", { direction: "left" }, 1000); > > The user is leaving the box, bec

[jQuery] Re: Show image gradually

2008-09-29 Thread ricardobeat
yo2lux, When you "hide" the box with $('.image').hide("slide", { direction: "left" }, 1000); The user is leaving the box, because it is hidden! Then the "unhide" animation triggers because the user has left the box: $('.image').show("slide", { direction: "left" }, 1000); When this happens, th

[jQuery] Re: Show image gradually

2008-09-29 Thread yo2lux
For Richard D. Worth message: ^ Yes if user puts the mouse over the box, I want to hide the box (animated with slide effect) and don't show the box anymore. Now, if user leave the box, I want to show the box. I want to use this for menu, something like http://www.antena1.ro/ header menu. This is

[jQuery] Re: Show image gradually

2008-09-20 Thread ricardobeat
It is not a loop per se, you're effectively hovering again everytime the box slides to the right under your mouse cursor. . What you can do is wrap it in another element that will keep it's size and assing the event handler to it. http://code.jquery.com/jquery-latest.js";> http://dev.j

[jQuery] Re: Show image gradually

2008-09-20 Thread Richard D. Worth
Sure, but how to do that depends on what it is you're trying to do. When the user puts the mouse over the box you want it to hide. Then what? - Richard On Sat, Sep 20, 2008 at 2:13 PM, monycau <[EMAIL PROTECTED]> wrote: > > Ok, thanks but is not possible to disable this loop? > > On Sep 20, 8:35

[jQuery] Re: Show image gradually

2008-09-20 Thread monycau
Ok, thanks but is not possible to disable this loop? On Sep 20, 8:35 pm, "Richard D. Worth" <[EMAIL PROTECTED]> wrote: > When you place your mouse over the box it triggers the first hover callback > and animates it to hide. Leaving the mouse over the box while it slides out > of view, the mouseou

[jQuery] Re: Show image gradually

2008-09-20 Thread Richard D. Worth
When you place your mouse over the box it triggers the first hover callback and animates it to hide. Leaving the mouse over the box while it slides out of view, the mouseout event will fire, triggering the second callback, which queues an animation to show it. If your mouse is still in position to

[jQuery] Re: Show image gradually

2008-09-20 Thread monycau
Please check this page: http://progra.ro/zoliky/index.html and put the mouse on square (leave the mouse on square). Why the animation is executed twenty times ? Please check my html source code. Thanks so much! On Sep 19, 4:27 pm, "Richard D. Worth" <[EMAIL PROTECTED]> wrote: > On Fri, Sep 19,

[jQuery] Re: Show image gradually

2008-09-19 Thread Richard D. Worth
On Fri, Sep 19, 2008 at 5:43 AM, yo2lux <[EMAIL PROTECTED]> wrote: > > Thanks for your help! > jQuery UI is a separate plugin ? jQuery UI is a sister project of jQuery. It's focused on providing a cohesive set of high quality RIA (Rich Internet Application) plugins. Interaction, Widgets, and Eff

[jQuery] Re: Show image gradually

2008-09-19 Thread yo2lux
Thanks for your help! jQuery UI is a separate plugin ? On Sep 19, 6:24 am, "Richard D. Worth" <[EMAIL PROTECTED]> wrote: > See the jQuery UI Slide Effect: > > http://docs.jquery.com/UI/Effects/Slide > > With effects.core.js and effects.slide.js included, you can do > > $("img").hide("slide", { di

[jQuery] Re: Show image gradually

2008-09-18 Thread Richard D. Worth
See the jQuery UI Slide Effect: http://docs.jquery.com/UI/Effects/Slide With effects.core.js and effects.slide.js included, you can do $("img").hide("slide", { direction:"down" }); $("img").show("slide", { direction:"down" }); The files can be downloaded here: http://ui.jquery.com/download_bu