Texte qui scroll

**crush911** · 21/12/2012, 23h02

Bonjour, j'ai trouver un script en jquery, qui permet de faire défiler du texte de droite à gauche. J'aimerais savoir si quelqu'un serait capable de me dire comment modifier pour quand le début du texte disparait à gauche, qu'il réaparaisse tout de suite à droite, au lieu d,attendre que tout le texte soit déroulé.
le html/css

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<script>
$(window).load(
function(){
marquee('marquee-wrapper','marquee',20);
}
);
 
</script>
<style type="text/css">
#marquee-wrapper
{
position:relative;
width:100%;
overflow:hidden;
height:100%;
}
 
#marquee
{
position:absolute;
top:0px;
left:0px;
white-space : nowrap;
}
 
</style>
</head>
 
<body>
<div style="height:46px; color:#fff; background-color:#77a4e5; padding:7px; width:433px; line-height:46px; font-size:18px;">
<div id='marquee-wrapper' style="background-color:#3461a2;">
<span id='marquee'>
Station OUVERTE aujourd'hui. - Venez nous voir journée démo Salomon - 
</span>
</div></div>

le jquery

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function marquee(idWrapper,idMarquee,vitesse)
/*
* idWrapper : l'identifiant du div autour du span contenant le texte à faire défiler
*	idMarquee : l'identifiant du span autour du texte
*	vitesse : nombre de millisecondes entre chaque déplacement de 1px
*/
{
var oIdWrapper=$('#'+idWrapper);
var oIdMarquee=$('#'+idMarquee);
 
var width=oIdMarquee.width();
var width2=oIdWrapper.width();
 
id_inst=setTimeout(function() {marquee(idWrapper,idMarquee,vitesse)},vitesse);
 
var l=parseInt(oIdMarquee.css('left'));
oIdMarquee.css({left:(l-1)+'px'});
 
if((-parseInt(oIdMarquee.css('left')))>=(width))
{
oIdMarquee.css({left:(width2)+'px'});
}
}

**NoSmoking** · 22/12/2012, 18h52

Bonjour,
surveilles la position left de ton SPAN, quand elle est négative le SPAN disparaît par la gauche.

PS: je ne porte aucun jugement sur le rendu...

**SylvainPV** · 22/12/2012, 22h41

Si tu veux qu'un bout soit visible à droite en même temps qu'un bout à gauche, alors tu dois séparer l'élément en deux (ou le clôner). Cela demande pas mal de modifications sur le script actuel.

**NoSmoking** · 23/12/2012, 11h32

Il existe également, crée par ABCIWEB, http://www.abciweb.net/objet-defilant.php

Texte qui scroll

jQuery

Discussions similaires

Partager

Partager