SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Hybrid View

  1. #1
    SitePoint Enthusiast
    Join Date
    Aug 2010
    Posts
    46
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    JS degrade nicely plus transition issues - scrolling slides

    I'm trying to create a javscript scroller following the example at: http://www.deadmarshes.com/Blog/jQue...Crossfade.html

    Unfortunately this version doesn't show anything when javascript is disabled but I'd like it to at least show the first image and caption and then just not move.

    I stuck together a fiddle

    http://jsfiddle.net/Lew7H/8/

    Does anyone know how to make the initial transition not happen and just have the first 'slide' there?

    Also I adapted this slightly to show 4 slides instead of 3. I changed 3 to 4 in two places in the JS (where it's keeping tally) and that seemed to work alright but now in FF when you click on a few of the numbers to change slides a few times then let it go back to normal running, the indicator which is meant to show which slide you're on starts appearing all over the place. The timing of the transitions also goes weird. It's like clicking a couple of times means the transitions and the pointers are going a couple of times. IE there's more than one bit of JS moving the slides and pointers, resulting in strangly timed transitions and more than one pointer. Could that be possible?

    I assume that's to do with the way it's being counted in the JS but I haven't a clue what it's doing to be honest.

    Any help would be appreciated.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,097
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Yes, any time I use a slideshow I make sure it can work nicely with JS off. If it requires hacking, though, I just move on to a better one. Some I like include AnythingSlider, BXSlider and WOW Slider. For the first two, you can just add a couple of CSS fallbacks to make them scroll nicely if JS s off. WOW slider comes with CSS fallbacks out of the box, including CSS3 animations to make the slideshow still run.
    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."


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
  •