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

Home Forums JavaScript anythingSlider nav not working

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #29063

    Just want to say I love the slider thus far. Great work!
    I’m not sure if I’m missing something here but for some reason the numbered links are not clickable at all. The page I’m working on is located here:
    As you can see I moved some things around but for the most part everything is the same as the demo. Any help would be appreciated.

    Here’s my CSS:

    .anythingSlider { width: 666px; height: 400px; position: relative; margin: 0 auto 150px ; }
    .anythingSlider .wrapper { width: 535px; overflow: hidden; height: 400px; margin: 0 65px; position: absolute; top: 0; left: 0; }

    /* Width below is max for Opera */
    .anythingSlider .wrapper ul { width: 32700px; list-style: none; position: absolute; top: 50px; left: 0; margin: 0; }
    .anythingSlider ul li { float: left; padding: 0; width: 535px; margin: 0; text-align:center;}
    .anythingSlider .arrow { display: block; height: 26px; width: 666px; position: absolute; top: 65px; cursor: pointer; }
    .anythingSlider .forward { margin:200px 0 0 0;float:right; cursor: pointer;}
    .anythingSlider .back { margin:200px 0 0 0;float:left;cursor: pointer;}

    #thumbNav { margin-top: 10px; text-align: center;font-family:Tahoma, Arial, Helvetica, sans-serif; }
    #thumbNav a { color: #867866; font-size: 14px; font-family:Tahoma, Arial, Helvetica, sans-serif; display: inline-block; padding: 5px; margin:0;text-align: center; cursor: pointer;}
    #thumbNav a:hover { color: #F51361; }
    #thumbNav a.cur { color: #F51361; }

    #start-stop { color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;visibility: hidden; }
    #start-stop.playing { background-color: red; }
    #start-stop:hover { background-image: none; }

    and the script for the portfolio.php page:


    Thanks ahead of time!


    Works like a charm now. Thanks! You have to love those little CSS quirks.

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