Scroller horizontal ++ en javascript

Soyez le premier à donner votre avis sur cette source.

Vue 28 519 fois - Téléchargée 3 646 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

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!
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)"
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 ?
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 ?
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.
Afficher les 14 commentaires

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.