SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Evangelist kyllle's Avatar
    Join Date
    Jun 2008
    Posts
    469
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Having trouble with fade in

    Hi all,

    I have created the following page http://kylehouston.com/new/index_new.html

    I have used JQuery to add animated load icon followed by my images fading in, the load works fine and the images appear but the problem is the fade in wont work.

    I have tried a few methods to try and get them to fade including adding spans round my images but the only thing that seems to work for me is setting all divs to fade in which I dont want to happen.

    Anyone got any advice?

    Thanks in advance!

    Kyle

  2. #2
    SitePoint Evangelist kyllle's Avatar
    Join Date
    Jun 2008
    Posts
    469
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hey, anyone have any ideas were im going wrong with this one?

    Thanks!

  3. #3
    SitePoint Zealot
    Join Date
    Aug 2009
    Posts
    150
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    instead of this:
    Code:
    $("span").fadeIn("slow");
    try this code:
    Code:
    $("span a").hide().fadeIn('slow');
    span is inline element so it does not fadein well here. You can run fade on div.image_container as well, whatever suit you better.
    And you need hide() before fadeIn if you don't have display: none in your css for that element you want to fadeIn.

  4. #4
    SitePoint Evangelist kyllle's Avatar
    Join Date
    Jun 2008
    Posts
    469
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks so much igv!!!

    Iv been trying lots of different things today, but hadnt added the .hide() so none of them were gonna work. Thanks!

  5. #5
    SitePoint Zealot
    Join Date
    Aug 2009
    Posts
    150
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You are very welcome!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •