Jquery ajax empeche mon window.load ...

Bonjour a vous !

C'est la première fois que je met un pied au sein de ce forum, pourquoi je vous dis ça ? j'en sais rien

Bon plus sérieusement, je désespère, cela fait une semaine que je reste bloqué sur un problème ... j'ai grosso modo, le schéma suivant :

<div id="head_menu">
 <ul>
  <li>
   <a href="index.php?univers=1&amp;minivers=1">Presentation</a>
  </li>
  <li>
   <a href="index.php?univers=1&amp;minivers=2">Gallerie</a>
  </li>
  ...
 </ul>
</div>
<div id="corps">

</div>

et donc y'a un petit code javascript qui fait ceci :

	$(document).ready(function(){
		$("#menu a").click(function(){
			$("#menu").append('<div class="loader"></div>'); // On ajoute le loader en haut
			var pagePure=$(this).attr("href");
			var page = pagePure.replace("index","corpse");
			
			$("#corps").slideUp("slow",function(){
			$("#corps").empty();
				$('#corps').load(page, function() {
					$("#corps").slideDown("slow");	
				});
			});
			return false;
		});
	});
	

pour aller chercher dynamiquement le contenu du corps en fonction du lien cliqué.

Mon problème ? et bien comme vous pouvez le voir sur le site :

ICI

En fait mes images sont chargés (les <img> les uns apres les autres), puis un code js (qui n'est pas le mien mais celui de l'excellent nivo qui traite tous les img un par un et en fait une gallerie de slide ...

le probleme ? c'est qu'il utilise au début un window.load :

function loadGallery(){
    $(window).load(function() {
			setTimeout(null,2000);
			$(function(){
					$('#slider').nivoSlider({
					effect:'random',
					slices:15,
					animSpeed:500,
					pauseTime:3000,
					startSlide:0, //Set starting Slide (0 index)
					directionNav:true, //Next & Prev
					directionNavHide:true, //Only show on hover
					controlNav:true, //1,2,3...
					controlNavThumbs:true, //Use thumbnails for Control Nav
					controlNavThumbsSearch: '.jpg', //Replace this with...
					controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
					keyboardNav:true, //Use left & right arrows
					pauseOnHover:true, //Stop animation while hovering
					manualAdvance:false, //Force manual transitions
					captionOpacity:0.8, //Universal caption opacity
					beforeChange: function(){},
					afterChange: function(){},
					slideshowEnd: function(){} //Triggers after all slides have been shown
				});
		});	
        });


}

le probleme est que la page moi est appelé via du AJAX, et donc le window.load passe à la trappe j'ai bien l'impression et si je remplace par document c'est pire que mieux ...

Mon probleme est que si je ne met pas le window.load c'est ce qui se passe actuellement: on a un tout petit carré car (je pense) le code js ne connais pas encore la taille des images ...

Quelqu'un peut-il venir à mon secour ?

Bon ok j'suis pas une belle princesse en detresse mais j'ai une bonne bouille =>

Merci d'avance
Modifié par natlantisprog (10 Dec 2010 - 17:11)

bin sur la 1ere page y a un gars avec une voiture , puis la voiture le long d'une maison .
Sur la page gallerie y a la voiture garé de face a la maison , re la voiture garé le long de la maison , la voiture de face avec une clio a droite , la voiture de 3/4 avec 2 voitures sur le coté ( un espace et euh une voiture verte ^^ )

Oh ... ça s'est bizarre ...

question ultime alors, charge le site et attends, entre chaque transition il y a des effets normalement, quand tu vas sur la page gallerie ... il y a aussi les effets ?