Plugin jQuery : iTvScroller, une barre de news à la iTélé

Le bandeau de news d’iTélé vous connaissez ?

Mais si, les titres qui circulent en boucle en bas de votre télé lorsque vous regardez la chaîne N°16.

Eh bien, le plugin jQuery iTvScroller vous permet justement de réaliser cet effet à partir d’une simple liste d’éléments.
Le point de départ c’est donc cette liste d’éléments :

[xhtml]
<dl id="iTvScroller">
<dt>Titre 1</dt>
<dd>New 1</dd>

<dt>Titre 2</dt>
<dd>News 2</dd>

<dt>Titre 3</dt>
<dd>News 3</dd>

<dt>Titre 4</dt>
<dd>News 4</dd>

<dt>Titre 5</dt>
<dd>News 5</dd>
</dl>
[/xhtml]

Vous y ajouter quelques lignes de  javascript :

[javascript]
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.itvscroller.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$(‘#iTvScroller’).iTvScroller();
});
</script>
[/javascript]

Et hop ! Vous avez une barre de news dynamique !

Je vous laisse allez consulter l’explication de ce code, la démo et bien entendu la source de ce plugin sur le blog de Jay Salvat, son auteur.

Lien :

• Réalisez un bandeau de news en jquery comme sur iTélé