Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
JavaScript
Branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
README.textile Update example to illustrate interval attribute.
example.html Update example to use interval attribute
jquery.ticker.js

README.textile

jQuery Ticker

News ticker for jQuery

Usage

In HTML:

  
    <ul id="ticker" interval="3000">
      <li><img src="http://content.onlineagency.com/sites/17997/images/ca_banner6.jpg"></li>
      <li><img src="http://content.onlineagency.com/sites/17997/images/ca_banner4.jpg"></li>
      <li><img src="http://content.onlineagency.com/sites/17997/images/ca_banner3.jpg"></li>
    </ul>
  

In CSS:

  
    .tickerbox {
      width:770px;
      margin:10px;
      padding:0;height:300px;
    }

    .tickerbox ul {
      width:750px; 
      position:relative;
    }

    .tickerbox li {
      width:100%;
      list-style: none inside;
      position:absolute;
      overflow:hidden
    }
  

In JS:

  
    $(document).ready(function() {
      $("#ticker").ticker();
    });      
  

To see an example take a look in example.html.

By

Daniel Lopes

Something went wrong with that request. Please try again.