treehouse : what would you like to learn today?
Web Design Web Development iOS Development

jquery vTicker

  • Has anyone used this plugin? I can't get it to work and hope that someone here could help me out. Here's the code I'm using
    <!DOCTYPE html>
    <html>
    <head>
    <title>Vertical Ticker</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js&quot; type="text/javascript">
    <script type="text/javascript" src="jquery.vticker.js"></script>
    <script type="text/javascript">
    $(function(){
    $(".newsTicker").vTicker({
    speed: 500,
    pause: 3000,
    animation: 'fade',
    mousePause: false,
    showItems: 3
    });
    });
    </script>
    </head>
    <body>

    <h1>Latest News</h1>
    <div class="newsTicker">
    <ul>
    <li>news item 1</li>
    <li>news item 2</li>
    <li>news item 3</li>
    <li>news item 4</li>
    <li>news item 5</li>
    <li>news item 6</li>
    <li>news item 7</li>
    <li>news item 8</li>
    </ul>
    </div>
    </body>
    </html>

    I just get a display of the list items rather than a revolving vertical scroll through them. Thanks for any help.
  • This is obviously kind of late, you've probably moved on from this by now, but your link to the jquery library is messed up. You have the html quote of instead of the end quotes for your src attribute.