Aide sur la construction d'un script JQuery

nik029 Messages postés 315 Statut Membre -  
nik029 Messages postés 315 Statut Membre -
Bonjour,

J'aimerais bien que l'on m'aide à mettre en pratique le script proposer sur cette page :
https://tutorialzine.com/2010/09/html5-canvas-slideshow-jquery

Pouvez-vous m'aider ?
Merci d'avance.

3 réponses

  1. Jeronimo
     
    1. Télécharge le fichier .zip et dézippez-le
    2. Inclure le fichier JavaScript dans le body et le fichier CSS dans le head de votre page:
    <link rel="stylesheet" type="text/css" href="styles.css" />
    et
    <script src="script.js"></script>


    3. Insérer la div dans laquelle le slide apparaîtra:
    <div id="slideshow">
    
        <ul class="slides">
            <li><img src="img/photos/1.jpg" width="620" height="320" alt="Marsa Alam" /></li>
            <li><img src="img/photos/2.jpg" width="620" height="320" alt="Turrimetta Beach" /></li>
            <li><img src="img/photos/3.jpg" width="620" height="320" alt="Power Station" /></li>
            <li><img src="img/photos/4.jpg" width="620" height="320" alt="Colors of Nature" /></li>
        </ul>
    
        <span class="arrow previous"></span>
        <span class="arrow next"></span>
    </div>


    Et normalement c'est ok (il faut bien entendu inclure la librairie jQuery)
    0
  2. nik029 Messages postés 315 Statut Membre 44
     
    Ok. Et pour le script.js Part 2, c'est dans quel balise ?
    0
  3. nik029 Messages postés 315 Statut Membre 44
     
    Up ?
    0