I do not have a domain to post this sample page? Are there any free sites that I can use?
On Dec 11, 2:26 pm, "Eric Garside" <gars...@gmail.com> wrote: > Do you have an example page up somewhere of what the issue is? > > > > On Thu, Dec 11, 2008 at 2:12 PM, brian <bally.z...@gmail.com> wrote: > > > I'm sorry, I don't understand your problem. If you cannot set a width > > on the div then you should probably look at the hoverIntent plugin, > > which will keep your hover events from firing when the cursor passes > > over quickly (that is, accidentally). The plugin allows for setting a > > delay after which the hover event will be activated. > > >http://cherne.net/brian/resources/jquery.hoverIntent.html > >http://plugins.jquery.com/project/hoverIntent > > > On Thu, Dec 11, 2008 at 1:21 PM, Sridhar <dsridha...@gmail.com> wrote: > > > > Hi brian, > > > > I cannot set the width on the <div> tag unless the image is > > > separated from the <div> tag. In my case, the image will be smaller > > > compared to the width. The reason I included both of them in the same > > > <div> tag is so that when I can hover over the details <div>. If it is > > > outside the main <div> (#EmpDetails) tag, then as soon as the mouse > > > leaves the image, the content will be hidden. Is there any other way > > > to accomplish this? > > > > Thanks, > > > sridhar. > > > > On Dec 11, 12:00 pm, brian <bally.z...@gmail.com> wrote: > > >> It's not an infinite loop. Your cursor is passing over the div and > > >> back several times, causing the hover states to toggle. Try this: > > > >> <div id="divEmpDetails" style="border:1px solid #000;"> > > > >> Now, run your cursor in and out of the div several times. The toggling > > >> should run for a bit, then stop. > > > >> The fix is to either set a width on the div so that it doesn't go the > > >> entire width of the page or check out the hoverIntent plugin. > > > >> On Thu, Dec 11, 2008 at 11:00 AM, Sridhar <dsridha...@gmail.com> wrote: > > > >> > that didn't work. > > > >> > On Dec 11, 1:00 am, sad1sm0 <john.fan...@gmail.com> wrote: > > >> >> try unbinding before attaching the hover event > > > >> >> $('#divEmpDetails').unbind().hover();//fill in the gaps > > > >> >> Now that I look at your post I realize that's what fixed my gallery > > >> >> issue. Looks like a similar problem. Maybe it'll help you too > > -- > Eric Garside > Front End Developer > LabPrints