Scroller horizontal ++ en javascript

Soyez le premier à donner votre avis sur cette source.

Vue 28 414 fois - Téléchargée 3 631 fois

Description

N'ayant pas trouvé de scroller avec un défilement horizontal à ma guise, j'ai réalisé mon propre scroller horizontal.

Le scroller se présente sous la forme d'une classe qui permet de mettre en place un scroller horizontal.
Ce scroller peut contenir du HTML.
Lorsque le pointer de la souris est dans le scroller, ce dernier
s'arrête. Ce qui permet par exemple de cliquer sur un lien.
De plus, ce scroller a 2 principales options qui sont :

1 - possibilité de régler la vitesse de scrolling tant au niveau de
déplacement du message qu'au niveau du réglage du Timer.

2 - possibilité de faire défiler le même message, le 2ème, à la suite
de l'autre, le 1er, en spécifiant la position approximative, puisque
c'est exprimé en %. Donc espacement proportionnel entre le 1er bandeau
de message par rapport au 2ème bandeau de message.

Le code est réuni dans le fichier zip Scroller_Page.zip qui contient les 2 fichiers suivants :

1 - defilementH.js : tout le script JavaScript
2 - demo.html : le fichier de démonstration du scroller

En attente de tout commentaire et de toutes améliorations.
Et en espérant que ça pourra servir.

Michael.

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

fozeufr
Messages postés
3
Date d'inscription
lundi 22 octobre 2007
Statut
Membre
Dernière intervention
25 avril 2011
-
Bonjour Milka, ton script le le trouve très bien car j'étais dans le besoin et je réfléchissait comment le faire.
Cependant, est-il possible de passer un tableau contenant plusieurs éléments à faire défiler comme paramètre?

peut-on supprimer le vide qui se crée entre les défilements successifs?

Merci bien!
vincerolf
Messages postés
2
Date d'inscription
dimanche 4 avril 2010
Statut
Membre
Dernière intervention
9 mars 2011
-
C'est bon j'ai trouvé, j'ai modifier après 'position:relative' et ajouter....
//conteneur

document.write('<div id="layer'+this.name+'" style="position:relative;top:120px;right:200px;overflow:hidden;background-color:#'+this.initBg+';border:1px solid white;width:'+this.widthB+'px;height:'+this.heightB+'px;" onMouseover="'+this.name+'.scrollLoop(0)"
vincerolf
Messages postés
2
Date d'inscription
dimanche 4 avril 2010
Statut
Membre
Dernière intervention
9 mars 2011
-
Bonjour,

Comment fait-on pour positionner le "module" en bas de page par exemple ?
Makdoom
Messages postés
9
Date d'inscription
samedi 4 avril 2009
Statut
Membre
Dernière intervention
11 mai 2010
-
toujours pas de soluce pour le pb avec doctype ?
tijo2035
Messages postés
27
Date d'inscription
mercredi 16 janvier 2008
Statut
Membre
Dernière intervention
14 octobre 2011
-
Pouvez-vous régler vos problème en privé s'il-vous-plaie, c'est quelque peux dérangeant pour les personnes qui lisent les commentaires.

Merci.

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.