Bonjour,

Ma question est la suivante :

Je souhaiterais utiliser le FadeOut et le SlideDown de jQuery lors d'un changement de page HTML classique (click sur un lien).

En effet, j'ai déjà un exemple pour changer le contenu d'un div, mais le souci étant que je souhaiterais, pour une question de référencement, que ce ne soit pas le contenu du div qui soit changé (site web avec le même url lors de la navigation) mais plutôt que la page cible soit appelée par un lien classique (url changeant en fonction de la page appelée).

Je dispose des fonctions suivantes :

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
jQuery(document).ready(function(){
	hideContent = function(contentString){
		jQuery("div.dynamicContent").fadeOut( 1000 ,function() {
					showContent(contentString);playSound(0);
					});
	};
	showContent = function (contentString) {
		jQuery.ajax({
			   type: "GET",
			   url: contentString,
			   dataType:"html",
			   success: function(data){
			    jQuery("div.dynamicContent").html(data);
			 		jQuery("div.dynamicContent").slideDown(1000);
				},
			   error: function () {
			   		alert("Page "+contentString+" not found");
			   	}
 		}); 
	};
J'ai l'intime conviction qu'il y a un changement à faire dans la ligne :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
 jQuery("div.dynamicContent").fadeOut( 1000 ,function() {
Car dynamicContent est l'id de mon div...

En bref je souhaiterais réaliser un site web classique mais avec un effet de FadeOut et SliceDown lors du changement des pages HTML.

Si vous savez comment faire ou si tout simplement ce n'est pas possible, j'attend vos réponses avec impatience!

Cordialement, JohnSly

Si jamais ce n'est pas possible, y aurait-il un équivalant en javascript du FadeOut et du SlideDown ?

Merci