11485 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous, je rencontre un soucis pour le chargement de deux fichiers .js dans une même page (l’un appelle des onglets, l’autre un slider contenu dans un des onglet).
Le premier marche sans soucis (les onglets), avec ceci à la fin de ma page html (modèle de page) :
<script src="js/ongletsasso/cbpFWTabs.js"></script>
<script>
	new CBPFWTabs( document.getElementById( 'onglasso' ) );
</script>


Et ceci dans le php « functions » :
function ongletsassociation() { 
if (!is_admin()) { 
wp_enqueue_script('onglets', '/wp-content/themes/serene/js/ongletsasso/cbpFWTabs.js');
} 
}
add_action('init', 'ongletsassociation');


Le 2e js (le slider), est contenu dans un des onglet et j’ai placé les mêmes lignes de code aux mêmes endroits que les autres, donc lui après l’autre à la fin du html :
<script type="text/javascript">
		$(window).load(function() {
		    $(".opie-item-slider").ItemSlider({
		          delayBetweenShowHide : 800,
		          duration : 500,
		          delayStart : 0,
		          delayIncrease : 100,
		          easeIn : 'easeInExpo',
		          easeOut : 'easeOutExpo',
		          slide : true,
		          rotate : false,
		          scale : true,
		          fade : false
		    });
		}); 
	</script>
<script type="text/javascript" src="js/slider/jQuery.Opie.ItemSlider.min.js">


Et le script sous l’autre dans le php « functions »:
function sliderok() {
if (!is_admin()) { 
	wp_enqueue_script('slider', '/wp-content/themes/serene/js/slider/jQuery.Opie.ItemSlider.min.js');
}
}
add_action( 'ongletsassociation', 'sliderok' );


Bien sûr, les fichiers .js sont dans le bon dossier js/slider sur le serveur.

Le 1er (onglet) marche mais le 2e semble être bloqué par le 1er…quelqu’un peut-il m’aider ?
Voici le lien : http://mdphotos.fr/www/lassociation/?Et nous parlons donc du 1er onglet et du slider en fin de page.
Merci beaucoup par avance !
Modifié par MDou (26 Oct 2016 - 18:11)