Forums

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

Home Forums JavaScript Anything Slider webkit error

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #26178
    chezhenry
    Member

    I posted this in comments on the AnythingSlider page. Need help as I cannot find any solution. Live sample online at http://www.mymacwizard.com/test/web_portfolio.html


    I created my own “lower third” for my website in development. Everything looks fine in Firefox. In Safari, text from the second slide shows up in the first, etc. See code and screenshots at –

    http://web.mac.com/chezhenry/anythingslider/

    Must be a webkit problem traversing the DOM or with the elements array from JQuery. Any ideas?

    #64426
    cybershot
    Participant

    it’s not the html that runs the slider. You need to post the code.

    #64459
    chezhenry
    Member

    That would be the code from the anythingslider.js http://css-tricks.com/anythingslider-jquery-plugin/ script from this site. The javascript code in the head section is copy and paste from Chris’s examples but here it is. All is viewable in live sample on first post.

    Code:
    #65518
    berto
    Participant

    You problem is with the position of the .lower3rd element, you should set the <li> elements inside the wrapper to position:relative and the .lower3rd to position:absolute

    something like this in your case

    Code:
    .wrapper ul li{
    position:relative;
    }
    .lower3rd{
    position:absolute;
    bottom:0;
    ….
    }

    hope that works

    You can check a working demo here: http://riotortonotempo.org/ just check the css :)

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