Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript AnythingSlider v1.8.6 and IE8

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #40414
    turnerrw
    Member

    Hi folks…hoping I’ve come to the right place.

    Just implemented AnythingSlider on my site last week, and of course, IE is giving me fits. Chrome and Firefox seem to be fine!

    IE9: Displaying the slides in a bulleted list with a scrollbar. Found a sugggestion in my travels that seems to fix this. I added a css style line in the header of my slider html:

    Question…what did this line do to cause the slider page to display properly?

    IE8: When the slider page loads, the last item in the list is displayed and the hyperlinks are grey and no directly clickable….strange. My page error shows this error:

    Webpage error details

    User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)

    Message: ‘2’ is null or not an object
    Line: 680
    Char: 5
    Code: 0
    URI: http://www.site.org/slider/js/jquery.anythingslider.js

    SITE: http://www.virtueonline.org/portal/

    SLIDER PAGE: http://www.virtueonline.org/portal/content/center_slider.html

    My conclusion is that IE8 loads the slides into memory and gets stuck on the last slide and can’t continue to the top of the list. Possible? Thoughts on a fix?

    #112464
    Mottie
    Member

    Hi turnerrw!

    It looks like the problem is that the HTML markup is missing closing tags. Older IE is very very picky about that.

    So, inside of each panel, the basic markup looks like this:

  • Title
    Text

  • The div and span both need closing tags, so the resulting markup should look like this:

  • Title
    Text

#112465
turnerrw
Member

Mottie – you’re a lifesaver; thank you very much. I had guessed that it was a syntax problem…didn’t realize it was so simple.!

Do you know why the #primary-navigation line fixed my IE9 problems?

#primary-navigation{ position:relative; z-index: 9999;}

Before adding this line, IE 9 showed the raw un-ordered list slides.

Thanks again for the fix on this. Love this product by the way.

#112466
Mottie
Member

I think IE9 might have also had an issue with the missing closing tags.

Sorry, I have no idea why that line of css worked because I couldn’t find any element with an id of “primary-navigation”. Try removing that line and see if it reverts back.

And I’m glad you are enjoying the slider :)

#112469
turnerrw
Member

I took out that line and it’s still working correctly. I must have lost version control somewhere…

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.