SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Oct 2006
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    jQuery Novice to Ninja

    The example True Cross Fading p 111 (/chapter_04/07_slideshow_cross_fade/index.html)

    does not work properly, the last image in the stack comes in briefly before starting the fade sequence, FF (Mac & PC) and IE.

    Any idea why?

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,105
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Yeah, some browsers handle JS better than others (I've recently ditched FF because of its flaky JS handling).

    So, for FF (and I suppose IE) it takes a second or two for the JS to kick in, so in the mean time, you see the image at the top of the stack.

    So, in that slideshow, the 3rd image is set to show first, so while JS is kicking in, you could set the third image to sit at the top of the stack with CSS. E.g.

    <img alt="Beau Dandy" src="../../images/beau_200.jpg" style="z-index: 2" />
    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
  •