JQuery - EasyTicker
EasyTicker est une solution très simple pour afficher du contenu sur votre site Internet sous la forme d'un "newsticker".
Il est configurable et peut être stylisé à vos souhaits.
EasyTicker is the simplest way to make content on your website as a "newsticker".
It's totally configurable and you can make his style as you want.
Fonctionnaliés
Features
- Supporte n'importe quel contenu (texte, images...)
- Très leger (666 octets)
- Testé avec Firefox, IE6+, Opera, Safari et Chrome
- Télécharger le pack complet
- Support many contents (text, images...)
- Very lightweight (666 bytes)
- Tested with Firefox, IE6+, Opera, Safari and Chrome
- Download full pack
Installation
Installation
Prérequis
- S'assurer d'avoir JQuery sur la page
- Récupérer le plugin jquery.timers ici et le placer en entête de page après l'appel de JQuery
- Récupérer le plugin jquery.easyticker ici (compressé) ou ici (source) et le placer en entête de page après l'appel de jquery.timers
Requires
- Make sure you have JQuery in your page
- Get the plugin jquery.timers here and call it after the JQuery's call
- Get the plugin jquery.easyticker here (minified) or here (source) and call it after the jquery.timers's call
HTML
-
Premier élément
-
Second élément
-
Troisième élément
CSS
.yourClass {overflow: hidden;position:relative;height:150px;}
.yourClass li {display:none;position:absolute;top:0px;left:0px;}
Options
- dureeAffichage : Temps en millisecondes entre chaque transition
- speed : Rapidité de la transition (slow ou fast)
- dureeAffichage : Time in milliseconds between each transition
- speed : Speed of the transition (slow or fast)
easyTicker avec du texte
easyTicker with texte
Le code
The code
$(document).ready(function() {
$('#easyticker').easyticker();
});
-
What is Lorem Ipsum ?
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
-
Why do we use it ?
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.
-
Where does it come from ?
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source.
-
Where can I get some ?
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.
easyTicker avec des images
easyTicker with images
Configuration: transitions lentes et 2 secondes entre chacunes
Configuration: slow fades and 2 sec between each
Le code
The code
$(document).ready(function() {
$('.imageTicker').easyticker({
speed: 'slow',
dureeAffichage: 2000
});
});
Exemple (plusieurs appels sur une même page):
Exemple (multiple calls in a same page):
