News ticker for jQuery
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.
Daniel Lopes