SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member Kojinkai's Avatar
    Join Date
    Jan 2010
    Location
    London
    Posts
    17
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    JQuery fade animation problem

    Hi,

    I have just added a jQuery fade plugin onto a page to automatically cycle through images in an unordered list without a click event.

    It works well but when I preview the page with JS disabled all images become visible and it messes up the layout.

    What I need is a method that works when JS is disabled. I have seen methods where the {display:none} CSS styles are applied then changed via JS but can't figure this out.

    If anyone can either recommend a decent plugin with provisions for JS disabled browsers or, if I supply the code, offer some additions to augment the existing code I would be really grateful.

    Let me know if you want code excerpts etc.

    Thanks in advance

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,118
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Yeah, we'd need a link to give anything specific, but usually I do something like set a height on the slide container and then set it to overflow: auto or similar. That way, if JS is off, the user can at least scroll through the images within the box. You have to juggle margins and paddings around a bit.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    SitePoint Member Kojinkai's Avatar
    Join Date
    Jan 2010
    Location
    London
    Posts
    17
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Amazing!!! Thank you, thank you, thank you!


Tags for this Thread

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
  •