[jQuery] Slider

dmo95

Membre actif
24 Mai 2007
584
14
Bonjour à tous,

I'v got a fuc***g problem !

Donc voilà, je développe en local, tout va pour le mieux dans le meilleur des mondes possible, jusqu'à ce que je déploie le site en ligne.

Config :

  • CMS : Wordpress
  • Scripts : jQuery, scrollTo, serialScroll

Voilà mon en-tête :

Bloc de code:
<script src="<?php bloginfo('template_url'); ?>/script/jquery-1.2.1.pack.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/script/jquery-easing.1.2.pack.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/script/jquery-easing-compatibility.1.2.pack.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/script/coda-slider.1.1.1.pack.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/script/jQuery.scrollTo-1.4-min.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/script/jQuery.serialScroll-min.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/script/jquery.accordion.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/script/ajax_functions.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/script/init.js" type="text/javascript"></script>

Puis le fichier init.js qui initialise le slider :
Bloc de code:
jQuery.easing.easeOutQuart = function (x, t, b, c, d) {
	return -c * ((t=t/d-1)*t*t*t - 1) + b;
};

jQuery(function( $ ){
	$('#screen').serialScroll({
		target:'#sections',
		items:'li', // Selector to the items ( relative to the matched elements, '#sections' in this case )
		axis:'x',// The default is 'y' scroll on both ways
		navigation:'#scrollTo li a',
		duration:700,// Length of the animation (if you scroll 2 axes and use queue, then each axis take half this time)
		force:true, // Force a scroll to the element specified by 'start' (some browsers don't reset on refreshes)
		
		constant:false, // constant speed
		
		onBefore:function( e, elem, $pane, $items, pos ){
			e.preventDefault();
			if( this.blur )
				this.blur();
		},
		onAfter:function( elem ){
			//'this' is the element being scrolled ($pane) not jqueryfied
		}
	});
});

Tout ce qu'il y a de plus banal... En local tout fonctionne, en ligne rien ne fonctionne... pour le site en ligne ca se passe par ici. Par ailleurs, j'ai d'autres problèmes avec jQuery puisque je crée un accordion dans les sections "Nos formations" et "Espace clients", idem l'accordion déconne en ligne... Je vais voir ca avec Firebug et le nouveau système de Debug sur Safari4 qui est d'autant plus sympa !!

p4bl0 si t'es dans les parages hésite pas ;)
 
A priori le serveur ne trouve pas le fichier jQuery.serialScroll-min.js à l'url (404)

EDIT : J'ai trouvé (a) C'est un problème de casse.
Le fichier
"http://galiletude.com/v2/wp-content/themes/MyTemplate/script/jQuery.serialScroll-min.js" est chargé mais n'existe pas.
Celui qui existe est
"http://galiletude.com/v2/wp-content/themes/MyTemplate/script/jquery.serialScroll-min.js".

Les joies des serveurs web...
 
Par défaut le système de fichier mac os x n'est pas sensible à la casse, contrairement a linux (debian sur... les autres je sais pas trop mais ça doit être pareil... ), j'avais voulu passer mac os en en 'case sensitive' pour être au plus près de nos archi serveur... mais je sais plus pourquoi j'ai vite laissé tomber... ça sentait la grosse embrouille...
 
Ok, c'est noté donc a priori cela devrait être reglé dans la soirée. Merci à vous ;) on en apprend tous les jours ^^
 
Bonjour à tous, je relance cette conversation car j'ai de nouveau un petit problème...

J'utilise donc le très complet plugin coda-slider, dont voici un exemple ou encore un ici. En fait, je n'arrive pas à utiliser le loader qui fait tout la différence lorsque on a pas mal d'informations à charger. Voici mon slider ici, vous voyez bien que cela fait très amateur...

J'ai consulté un peu le code, la documentation et cherche à comprendre comment se déclenche les quelques lignes suivantes qui se trouvent en début des sources du plugin :
Bloc de code:
jQuery(function(){
	jQuery("div.csw").prepend("<p class='loading'>Loading...<br /><img src='../img/ajax-loader.gif' alt='loading...'/ ></p>");
});

C'est bel est bien ici que tous se joue, or cette fonction devrait se déclencher automatiquement... Rien y fait le loader ne s'affiche pas !

Une idée ?
 
Pas mal du tout, j'étais pas tombé sur ce petit tutoriel. Celui-ci va me servir pour faire un auto cycle.

Mais cela ne résout pas mon problème initiale, aucune explication concernant le loader, pour éviter de voir le slider en morceaux... J'ai pas mal de chose à faire aujourd'hui, je m'y pencherais plus sérieusement demain, merci quand même ;)
 
Ei si tu rajoutais la classe csw à ta div slider :

<div id="slider" class="csw">

cela devrait aller mieux ...
 
Effectivement, c'est à celle-ci que je faisait allusion !! Car je l'ai enlevé, je ne sais pour quelle raison. Est d'après le script jQuery, cela devrait rentré dans l'ordre car il doit trouver cette classe avant d'y ajouter le loader au code.

J'essaie ça mais a priori, tel est la solution !