Contenu | Rechercher | Menus

Annonce

Si vous avez des soucis pour rester connecté, déconnectez-vous puis reconnectez-vous depuis ce lien en cochant la case
Me connecter automatiquement lors de mes prochaines visites.

À propos de l'équipe du forum.

#1 Le 17/10/2014, à 09:38

Arcas

[Débutant] Création Carousel

Bonjour à tous,

Voilà j'ai monté depuis environ 2/3 mois un projet associatif avec un comité de protection des animaux.

Nous souhaitons monté un site internet, et donc comme vous l'aurez compris c'est moi qui m'en occupe.

Je précise par ailleurs que c'est mon tout premier site, je débute dans la programmation.

J'aimerais créer ce type de carousel : http://www.ifaw.org/france

Donc j'ai commencé à suivre ce tutoriel : http://www.experience-developpement.fr/ … otre-site/

J'ai donc extrait le dossier Slideshow sur mon Bureau ( /home/user/)

Aprés ça, j'ai personnalisé le fichier index.html, puis j'ai déplacé mootools.js et slideshow.js dans un sous dossier de /var/www/html/

J'ai ensuite déplacé mon dossier "images" dans ce sous dossier.

Maintenant lorsque je lance ma page php en local rien ne s'affiche ..

J'ai du loupé quelques manip' au passage .. Si quelqu'un peut m'aider, ça serait super ! smile

Cordialement,


Debian Jessie 8.4.0
Kernel 3.16.0-4-686-pae
Lenovo B590

Hors ligne

#2 Le 17/10/2014, à 09:42

Arcas

Re : [Débutant] Création Carousel

          <link rel="stylesheet" type="text/css" href="Test_php/slideshow.css" media="screen" />
        <script type="text/javascript" src="Test_php/mootools.js"></script>
        <script type="text/javascript" src="Test_php/slideshow.js"></script>
        <script type="text/javascript">
        //<![CDATA[
          window.addEvent('domready', function(){
            var data = {
              'lemuriens.jpg': { caption: 'Campagne de Protection des Espèces en voies de disparition.', thumbnail: 'lemuriens.jpg', href= 'http://www.ceppaf.fr/CampagneDisparition.php/'}
              'Léopard2.jpg': { caption: 'Pétitions: Cirques sans animaux.' , thumbnail: 'Léopard2.jpg' href= 'http://www.ceppaf.fr/CampagneCirques.php/'}
              'Alvaro_munera.jpeg': { caption: 'Stoppons la Tauromachie!' thumbnail: 'AlvaroMunera.jpeg', href= 'http://www.ceppaf.fr/CampagneTauromachie.php/'}
              'Réchauffementclimatique.jpeg': { caption: 'Réchauffement Climatique: agissons!' , thumbnail: 'Climat.jpeg', href= 'http://www.ceppaf.fr/Ecologiepourtous.php/'}
              'Orques.jpeg': { caption: 'Abolissons le massacre des cétacés!' , thumbnail: 'cétacés.jpeg', href= 'http://www.ceppaf.fr/Campagnecétacés.php/'}
              'Masai-Mara.jpg': { caption: 'Espace Bien-être.' , thumbnail: 'Masai.jpg', href= 'http://www.ceppaf.fr/Espacebienêtre.php/'}
           };
           var myShow = new Slideshow('show', data, {controller: true, height: 300, hu: 'images/', thumbnails: true, width: 400});
          });
        //]]>
        </script>
  

Ci dessous la déclaration du bloc qui va accueillir le diaporama.

          <div id="show" class="slideshow">
        </div>
  

Debian Jessie 8.4.0
Kernel 3.16.0-4-686-pae
Lenovo B590

Hors ligne