Discussion :

[mdiams]

Bonjour à tous,

J'ai un petit script de news défilantes qui fonctionne très bien.
J'ai 2 infos qui s'affichent dans une div puis la 2ème défile et remplace la première quand la 3ème s'affiche... et ainsi de suite.

Je souhaiterais maintenant que le défilement s'arrête lorsque la souris survole la div et que le défilement reprenne lorsqu'elle sort de la zone.
Merci de votre aide.

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
 
<div id=news>
  <ul id="ticker_02" class="ticker">
    <li>info 1</li>
    <li>info 2</li>
    <li>info 3</li>
    <li>etc...</li>
  </ul>
</div>
<script>
	function tick2(){
		$('#ticker_02 li:first').slideUp('slow', function() { $(this).appendTo($('#ticker_02')).slideDown(); });
	}
	setInterval(function(){ tick2 () }, 3000);
</script>

[danielhagnoul]

Bonsoir

Code :

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

1
2
3
4
5
6
7
8
9
	var objInterval = null;
 
	function interval(){
		objInterval = setInterval( function(){ tick2(); }, 3000);
	}
 
	$( "#news" ).hover( function(){ clearInterval( objInterval ); }, interval );
 
	interval();