Il y a t-il un dev dans la salle ?

Il y a t-il un dev dans la salle ?
Avatar de l’utilisateur
Trygee
Modérateur
Modérateur
Messages : 2852
Inscription : mer. 20 oct. 2010 10:55
Localisation : Deuil-La Barre

Il y a t-il un dev dans la salle ?

Message par Trygee » ven. 28 nov. 2014 12:13

Bon ben, j'ai pas touché au html d'une page depuis des lustres et du coup, je n'arrive pas à mettre en place un truc qui me semble tout con, tout simple... le basic slider http://flexslider.woothemes.com/ C'est pour un petit projet perso pour la Noël.

1/J'ai ma page html avec le bout de javascript dans les balises head (c'est comme ça qu'on fait ?)
2/J'ai mis le bout de code html dans la div.
3/ J'ai mes images dans mon dossier.
4/ J'ai dans mon dossier à la racine, les deux fichiers jquery flexslider et flexider-min (j'ai même mis le .less et leur css. Et aussi le dossier js du dossier demo (lorsqu'on télécharge le bouzin)

La page s'affiche mais le script ne fonctionne pas, mes images sont à la suite des unes et des autres verticalement.

Quelqu'un a une petite idée du truc que je ne fais pas bien ? :)

Avatar de l’utilisateur
Edd
Rang 7
Rang 7
Messages : 327
Inscription : mer. 20 oct. 2010 10:55
Localisation : MONTPELLIER

Re: Il y a t-il un dev dans la salle ?

Message par Edd » ven. 28 nov. 2014 12:30

1/J'ai ma page html avec le bout de javascript dans les balises head (c'est comme ça qu'on fait ?)
Ton code javascript est à mettre dans le body.

En head :
Feuilles de style et Modernizr

Code : Tout sélectionner

<!-- Demo CSS -->
	<link rel="stylesheet" href="css/demo.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
	
	<!-- Modernizr -->
  <script src="js/modernizr.js"></script>
Body :
Jquery et paramètres du slider :

Code : Tout sélectionner

<!-- jQuery -->
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script>
  
  <!-- FlexSlider -->
  <script defer src="js/jquery.flexslider.js"></script>
  
  <script type="text/javascript">
    $(function(){
      SyntaxHighlighter.all();
    });
    $(window).load(function(){
      $('.flexslider').flexslider({
        animation: "slide",
        start: function(slider){
          $('body').removeClass('loading');
        }
      });
    });
  </script>
Tu dois aussi mettre jquery en local "js/libs/jquery-1.7.min.js" c'est un failback au cas ou la bibliothèque distante ne répond pas :

Code : Tout sélectionner

<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script>

Avatar de l’utilisateur
Trygee
Modérateur
Modérateur
Messages : 2852
Inscription : mer. 20 oct. 2010 10:55
Localisation : Deuil-La Barre

Re: Il y a t-il un dev dans la salle ?

Message par Trygee » ven. 28 nov. 2014 12:45

Merci Edd.
Ca ne marchait pas, mais j'ai mis en plus les 2 jquery flexslider et le css qui se trouvaient dans le dossier racine dans le dossier js et css et là, ça marche !!
Merci encore :D

Répondre
Suivez-nous sur
close
Me connecter

Avec mon compte :

Ou via mon compte kobOne :