May this link useful for you http://snook.ca/technical/jquery-bg/
On Thu, Jun 16, 2011 at 3:09 PM, Vishnu vg <[email protected]> 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 <[email protected]> wrote: > >> Try with number >> >> fadeIn(1000) >> >> >> >> >> On Thu, Jun 16, 2011 at 12:03 PM, Vishnu vg <[email protected]>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 <[email protected]>wrote: >>> >>>> Thanks all for helpign me >>>> >>>> >>>> On Thu, Jun 16, 2011 at 9:33 AM, Jaison James <[email protected]> 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 <[email protected]>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: [email protected] >>>>>> To unsubscribe: [email protected] >>>>>> >>>>> >>>>> >>>>> >>>>> -- >>>>> Regards, >>>>> >>>>> -- >>>>> -- >>>>> You received this because you are subscribed to the "Design the Web >>>>> with CSS" at Google groups. >>>>> To post: [email protected] >>>>> To unsubscribe: [email protected] >>>>> >>>> >>>> >>>> >>>> -- >>>> 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: [email protected] >>> To unsubscribe: [email protected] >>> >> >> >> >> -- >> Regards, >> >> -- >> -- >> You received this because you are subscribed to the "Design the Web with >> CSS" at Google groups. >> To post: [email protected] >> To unsubscribe: [email protected] >> > > > > -- > With Love, > Vishnu, > Mobile : 9544455735 > > -- > -- > You received this because you are subscribed to the "Design the Web with > CSS" at Google groups. > To post: [email protected] > To unsubscribe: [email protected] > -- Regards, -- -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected]
