Thanks i will look at it . On Thu, Jun 16, 2011 at 3:33 PM, Jaison James <jjk...@gmail.com> wrote:
> May this link useful for you > > http://snook.ca/technical/jquery-bg/ > > > > > On Thu, Jun 16, 2011 at 3:09 PM, Vishnu vg <vaishnav1...@gmail.com> wrote: > >> >> I hade given the value 1000 to fade in like shown below. Still the image >> is fading fast. When i increased the value still its notfading out >> >> >> $('.bsec').hover(function(){ >> $(this).css('background','#bd2730').fadeIn(1000); >> }, >> function(){ >> var curr=$(this).attr("rel"); >> var pth='url("images/homebslides/'+curr+'")'; >> $(this).css("background",pth).fadeIn(1000); >> }); >> >> Can you help out >> >> >> >> On Thu, Jun 16, 2011 at 12:06 PM, Jaison James <jjk...@gmail.com> wrote: >> >>> Try with number >>> >>> fadeIn(1000) >>> >>> >>> >>> >>> On Thu, Jun 16, 2011 at 12:03 PM, Vishnu vg <vaishnav1...@gmail.com>wrote: >>> >>>> Hi Jaison >>>> >>>> This code is working fine. Can i lower the image fade speed. I gave >>>> fadein("slow"). Still its moving fast. Can i make the changover a littel >>>> slow. >>>> >>>> >>>> On Thu, Jun 16, 2011 at 11:32 AM, Vishnu vg <vaishnav1...@gmail.com>wrote: >>>> >>>>> Thanks all for helpign me >>>>> >>>>> >>>>> On Thu, Jun 16, 2011 at 9:33 AM, Jaison James <jjk...@gmail.com>wrote: >>>>> >>>>>> Try this >>>>>> >>>>>> $('#divcontainer').hover(function(){ >>>>>> $(this).css('background','#fff000').fadeIn(); >>>>>> }, >>>>>> function(){ >>>>>> $(this).css('background','url('images/one.jpg')').fadeIn(); >>>>>> }); >>>>>> >>>>>> >>>>>> On Wed, Jun 15, 2011 at 9:56 PM, Vishnu vg <vaishnav1...@gmail.com>wrote: >>>>>> >>>>>>> Hi all, >>>>>>> >>>>>>> I have a div with a background image named "one.jpg". when i hover >>>>>>> over it i want to change it to another image or background colour. How >>>>>>> can i >>>>>>> achieve it using jquery. Now when i put jquery the change is not smooth >>>>>>> . I >>>>>>> want a slow change from current backgroudn image to another colour. >>>>>>> Please >>>>>>> help me in this regard >>>>>>> >>>>>>> >>>>>>> #divcontainer{ background:url('images/one.jpg');} >>>>>>> >>>>>>> The above seen code is the css code for my div. When i hover over it >>>>>>> the imageshoulde change from current image to a backgroudn colour and on >>>>>>> mouseout it should be the old image agagin. On mousehover the image >>>>>>> should >>>>>>> be a clour filled in the entire box. I tried to achieve it using jquery >>>>>>> but >>>>>>> the transition is not smooth. I want a smooth transition from current >>>>>>> image >>>>>>> to some colour while hovering it and on mouse out , it should return >>>>>>> back to >>>>>>> old image again. >>>>>>> Please help me >>>>>>> >>>>>>> -- >>>>>>> With Love, >>>>>>> Vishnu, >>>>>>> Mobile : 9544455735 >>>>>>> >>>>>>> -- >>>>>>> -- >>>>>>> You received this because you are subscribed to the "Design the Web >>>>>>> with CSS" at Google groups. >>>>>>> To post: css-design@googlegroups.com >>>>>>> To unsubscribe: css-design-unsubscr...@googlegroups.com >>>>>>> >>>>>> >>>>>> >>>>>> >>>>>> -- >>>>>> Regards, >>>>>> >>>>>> -- >>>>>> -- >>>>>> You received this because you are subscribed to the "Design the Web >>>>>> with CSS" at Google groups. >>>>>> To post: css-design@googlegroups.com >>>>>> To unsubscribe: css-design-unsubscr...@googlegroups.com >>>>>> >>>>> >>>>> >>>>> >>>>> -- >>>>> With Love, >>>>> Vishnu, >>>>> Mobile : 9544455735 >>>>> >>>> >>>> >>>> >>>> -- >>>> With Love, >>>> Vishnu, >>>> Mobile : 9544455735 >>>> >>>> -- >>>> -- >>>> You received this because you are subscribed to the "Design the Web with >>>> CSS" at Google groups. >>>> To post: css-design@googlegroups.com >>>> To unsubscribe: css-design-unsubscr...@googlegroups.com >>>> >>> >>> >>> >>> -- >>> Regards, >>> >>> -- >>> -- >>> You received this because you are subscribed to the "Design the Web with >>> CSS" at Google groups. >>> To post: css-design@googlegroups.com >>> To unsubscribe: css-design-unsubscr...@googlegroups.com >>> >> >> >> >> -- >> With Love, >> Vishnu, >> Mobile : 9544455735 >> >> -- >> -- >> You received this because you are subscribed to the "Design the Web with >> CSS" at Google groups. >> To post: css-design@googlegroups.com >> To unsubscribe: css-design-unsubscr...@googlegroups.com >> > > > > -- > Regards, > > -- > -- > You received this because you are subscribed to the "Design the Web with > CSS" at Google groups. > To post: css-design@googlegroups.com > To unsubscribe: css-design-unsubscr...@googlegroups.com > -- With Love, Vishnu, Mobile : 9544455735 -- -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: css-design@googlegroups.com To unsubscribe: css-design-unsubscr...@googlegroups.com
