En local ça marche, en ligne ça marche pu!

J'ai configuré (essayé) un site en HTML5, CSS3 et avec des effets js. Tout marche sans soucis en local avec mon serveur MAMP mais arrivé sur mon serveur distance je constate que mes sliders Nivo Slider chargent dans le vide, que mon Back-Top n'a pas l'effet doux pour remonter jusqu'au menu.

En revanche, pas de soucis pour mon script d'ancrage à transition.

D'où cela peut-il venir ? J'ai verifier le chemin de mes liens, je ne vois rien qui puisse alterer le code.

Autre question! J'ai codé mon site depuis Komodo Edit et je constate que la source de mes pages n'est pas proprement alignée depuis le navigateur Chrome. Savez-vous ce qui cause ce problème.

Merci de discuter avec moi pour trouver la source de ce problème
Modifié par letty (04 May 2011 - 21:32)

Bonjour,

essaies de placer un screenshot de ton arborescence et de tes chargements de script qu'on y voit plus clair.

Bon c'est très curieux! J'ai résolu mon soucis de Slider, en fait j'avais écris ce code :

<script type="text/javascript">
$(window).load(function() {
 
    $('#slider').nivoSlider({
        effect:'fade',
        pauseTime:3000,
        pauseOnHover:true,
    });

     $('#slider1').nivoSlider({
      effect:'fade',
      pauseTime:3000,
      pauseOnHover:true,
      });
 
     $('#slider2').nivoSlider({
      effect:'fade',
      pauseTime:3000,
      pauseOnHover:true,
      
      });
 });
</script>

Au lieu de :

<script type="text/javascript">
$(window).load(function() {
 
    $('#slider').nivoSlider({
        effect:'fade',
        pauseTime:3000,
        pauseOnHover:true,
    });
    });

$(window).load(function() {
 
     $('#slider1').nivoSlider({
      effect:'fade',
      pauseTime:3000,
      pauseOnHover:true,
      });
     });
     
$(window).load(function() {
 
     $('#slider2').nivoSlider({
      effect:'fade',
      pauseTime:3000,
      pauseOnHover:true,
      
      });
 });
</script>

Merci Firefox de me trouver où se cachent mes erreurs. Mais c'est tout de même étonnant de constater que ça marche sans bug en local, j'y comprends pas trop... C'est même embêtant.

Toujours un soucis au niveau de mon script Back-Top, c'est pourtant un copié-collé d'un code existant :

<script>
$(document).ready(function(){

	// hide #back-top first
	$("#back-top").hide();
	
	// fade in #back-top
	$(function () {
		$(window).scroll(function () {
			if ($(this).scrollTop() > 100) {
				$('#back-top').fadeIn();
			} else {
				$('#back-top').fadeOut();
			}
		});

		// scroll body to 0px on click
		$('#back-top a').click(function () {
			$('body,html').animate({
				scrollTop: 0
			}, 800);
			return false;
		});
	});

});
</script>

j'arrive vraiment pas à voir où ça cloche...