Salut,

Je cherche à réaliser un système de news défilantes, mais mon code ne fait rien défiler du tout. Je me suis inspiré d'un code existant :

<script type="text/javascript">
				
				// <![CDATA[
				var delai_defilement = 1000;
				//var delai_defilement_clic=10000;
				var timer;
				var image_affichee = 1;
				
				timer = setTimeout("image_suivante()", delai_defilement);
				$("#numero_news_1").removeClass("desactive").addClass("active");
				
				
				
				function get_id(id){
					var tableau = id.split('_');
					var num_news = tableau.pop();	
					return parseInt(num_news);
				}
				
				
				function image_suivante() {
					var to;
					if (image_affichee >= 3 || image_affichee < 1)	
					{to = 1;}
					else 
					{to = image_affichee + 1;}
					
					slide(image_affichee,to);
					image_affichee = to;
					timer = setTimeout("image_suivante()", delai_defilement);
				}
			
				
				$("[id^='numero_news']").click(function(){
					var to = get_id($(this).attr("id"));
					clearTimeout(timer);
					slide(image_affichee, to);
					image_affichee = to;
					//timer=setTimeout("image_suivante()",delai_defilement_clic);
				});
				
				
				function slide(from, to)
				{
					var speed = [0, 500, 800];
					var pos = -(to-1)*400;
					$('#news_contenu').stop(true,false);
					$('.news_texte').stop(true,false);
					
					$('.news_texte').fadeOut(500,
					function()
					{
						$('#news_contenu').animate({'marginLeft': pos}, speed[Math.abs(from-to)], 'linear',
						function()
						{
							$('.news_texte').fadeIn(500,
							function()
							{
								$('.news_texte').css('opacity',1);
							});
							$("[id^='numero_news']").removeClass("active");
							$("[id^='numero_news']").addClass("desactive");
							$("#numero_news_"+to).removeClass("desactive").addClass("active");

						});
					});
				}
				
				
				// ]]>

			</script>

J'utilise un

overflow: hidden;

dans mon code css pour n'afficher qu'une news à la fois. Voila mon code php :

<div class = "news">
			<div class = "news_conteneur">
			<div class = "news_contenu">
				<ul id = "news_contenu">
					<li class = "contenu_des_news" id = "contenu_news_1">
					
						<div class = "titre_news">
							<h1 class = "titre_des_news">
							Essai
							</h1>
						</div>		
						<img src = "news/images/1/image.jpg" width = "400" height = "250" style="height:250px;width:400px;" />
						<div class = "news_texte">
							<p class = "descriptif_news">Essai</p>
						</div>
						
					</li>
					<li class = "contenu_des_news" id = "contenu_news_2">
					
						<div class = "titre_news">
							<h1 class = "titre_des_news">
							Essai
							</h1>
						</div>		
						<img src = "news/images/2/image.jpg" width = "400" height = "250" style="height:250px;width:400px;" />
						<div class = "news_texte">
							<p class = "descriptif_news">Essai </p>
						</div>
						
					</li>
					<li class = "contenu_des_news" id = "contenu_news_3">
					
						<div class = "titre_news">
							<h1 class = "titre_des_news">
							Essai 
							</h1>
						</div>		
						<img src = "news/images/3/image.jpg" width = "400" height = "250" style="height:250px;width:400px;" />
						<div class = "news_texte">
							<p class = "descriptif_news">Essai</p>
						</div>
						
					</li>
				</ul>
			
			</div>
			</div>
				<div id = "numerotation_news">
					<div class = "numero desactive" id = "numero_news_1">
						<p>1</p>
					</div>
					<div class = "numero desactive" id = "numero_news_2">
						<p>2</p>
					</div>
					<div class = "numero desactive" id = "numero_news_3">
						<p>3</p>
					</div>
				</div>
			
			</div>

La console d'erreur ne me dit pas où ça coince. Peut être que les lignes suivantes posent problème (ce sont les seules que je ne comprends pas bien) :

$("[id^='numero_news']").removeClass("active");
							$("[id^='numero_news']").addClass("desactive");

En fait c'est le " id^= " que je ne comprends pas. Merci de votre aide !