Slide show Javascript

Version imprimable

26/07/2010, 09h55
googlemania

Slide show Javascript

Bonjour,

Je suis en train de créer un site et je souhaiterai créer un slideshow. J'ai arpenté le web et après avoir vu pas mal de sldeshow j'ai opté pour le plus clair et je voudrais réaliser un peu la même chose que sur ******r. Mais comme je suis relativement débutant je souhaiterai savoir si quelqu'un pouvait m'expliquer comment fonctionne ce slideshow précisément.

Dans la section HTML, on m'a signalé qu'il s'agissait de JS et d'AJAX mais comme je ne suis pas encore très bon dans ces domaines (et je ne demande qu'à apprendre la prog objet! :D). Je souhaiterai savoir comment faire un tel slideshow, c'est-à-dire : les images changent toutes les 3 4 secondes et chaque image est attribuée à un onglet qui se grise en fonction de l'image. En gros exactement comme sur le site ;)

Merci d'avance et merci beaucoup !

GoogleMania
26/07/2010, 10h22
le_chomeur

Bonjour et bienvenue :)

Pourrais tu nous expliquer ce que tu cherches a comprendre ?
le code ?
le fonctionnement ( tu l'as décris ;) ) ?

car sinon tu as juste a faire un copier/coller et changer l'url des images par les tiennes ...

En fait plus le fonctionnement, je n'ai pas envi de faire un simple copier/coller 8-)

Pour être sûr, le code du slide show complet est :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
 
<nav class="slide">
	  <a href="/creation.html" id="creation">
      <figure>
        <figcaption>Création web</figcaption>
         <img src="/img/competence_web.png" alt="">
      </figure>
	  </a>
	  <a href="/accessibilite.html" id="accessibilite">
      <figure>
         <figcaption>Accessibilité</figcaption>
          <img src="/img/competence_accessibilite.png" alt="">
      </figure>
	  </a>
	  <a href="http://formations.lesite.fr/" id="formations">
      <figure>
        <figcaption>Formations</figcaption>
         <img src="/img/competence_formations.png" alt="">
      </figure>
	  </a>
	  <a href="/e-mailing.html" id="emailing">
      <figure>
        <figcaption>E-mailing</figcaption>
         <img src="/img/competence_emailing.png" alt="">
      </figure>
	  </a>
	  <a href="/flash.html" id="flash">
      <figure>
        <figcaption>Flash</figcaption>
         <img src="/img/competence_flash.png" alt="">
      </figure>
	  </a>
	  <a href="/photo.html" id="photographie">
      <figure>
        <figcaption>Photographie</figcaption>
         <img src="/img/competence_photo.png" alt="">
      </figure>
	  </a>
	  <a href="/dewplayer.html" id="dewplayers">
      <figure>
        <figcaption>DewPlayers</figcaption>
         <img src="/img/competence_dewplayers.png" alt="">
      </figure>
	  </a>
    </nav>

Pas d'appel de fichier il me semble ?

Merci !