Auto scroller de news

Télécharger le projet
Commenter

Description

Ce script va mettre en place une zone de défillement automatique, pour par exemple faire défiler des news.

Vous pouvez certainement déjà trouver des sources qui produise à peut pret cette effet, j'ai toutefois décidé de repartir à zéro afin d'y apporter quelque fonctionnalités qui me semblait intéressante comme:
  • Ce script permet aux robot indexer de 'voir' le contenu qui défile ainsi que les éventuels liens qui s'y trouve. Ce qui n'est pas le cas dans toutes les sources que j'ai pû trouvé puisque toutes l'informations ce trouvé au sein même du code Javascript. Mon code javascript quand à lui charge une liste (<ul>...</ul>, donc parfaitement indexable) dans le DOM est génère les élements défilants ensuite.
  • Ce script gère de façon fine les vitesses de défillement et de pause. J'ai nottamment fait une différence entre la vitesse d'apparition d'une news et la vitesse de retrait de celle-ci. On peut ainsi faire venir très vite l'information mais la faire partir plus lentement afin de laissé le temps au lecteur de la lire.
  • Le script permet aussi de rendre la zone cliquable, chaque bloc défilant pouvant avoir sa propre url de destination et sa propre cible.
  • D'autres propriétés ont également était mise en évidence en début de script afin de vous permettre une meilleur intégration dans vos projets. Je vous invite à lire les commentaires glisser dans le code source.

Source / Exemple : 


cf le zip
Ou téléchargement depuis ma page : http://codessources.votre-web.com/codessources/js/autoScroller/index.php, avec explications détaillées

Démonstration simplifiée juste le stricte néssaire à savoir deux lignes de codes et l'include : http://codessources.votre-web.com/codessources/js/autoScroller/demo1/index.html
Démonstration sur le site http://codessources.votre-web.com

Conclusion :


Toutes et dans le zip et pour plus de détails n'hésitez pas à allez sur mon site.
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (cs_MaX3315)