11550 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Je souhaite réaliser un site web comportant : 3 slides avec une animation en fadeIn / fadeOut selon des onglets.
Pour cela je navigue via des ancres (#slide1...).

Slide 1 : Page accueil. -> liens vers une new en slide 3.
Slide 2 : Listing des news 1/2/3/4... ->liens vers une new en slide 3.
Slide 3 : Affichage NEW. ->avec des liens prev / next pour slider au travers les news.

Mais e ne vois pas comment gérer ce système de navigation, est-il possible de faire une sorte d'ancrage #slide3#new7 ou passer par un autre système ?.

Merci d'avance pour votre avis !!
Bonjour,

J'ai avancé sur mon problème :

j'ai un lien dont id vaut le numéro du film dans le bdd mysql --> à l'intérieur d'un slide 1.

echo '<a href="" id='.$data['id'].'>Balada triste</a>';


Via jquery lorsque je clique sur le lien <a> je masque slide 1 et anime slide 2.

$(function(){
	$("a").click(function(){
	var js_id = $(this).attr("id");
	
	//Animation en fadeIn/fadeOut
	$('#slide1').fadeOut(500);
	$('#slide2').delay(500).fadeIn(500);

	return false;
	});
});


Je souhaite récupérer cette id dans une variable jquery (js_id).
Et passer la variable dans le php du slide 2 afin d'afficher le contenu correspondant à id.--> action dans slide 2.

Voilà c'est la que je bloque je ne sait pas comment faire !!

Merci d'avance pour vos idées...