IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Slide show Javascript


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    19
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2010
    Messages : 19
    Par défaut 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! ). 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

  2. #2
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    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 ...

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    19
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2010
    Messages : 19
    Par défaut
    En fait plus le fonctionnement, je n'ai pas envi de faire un simple copier/coller

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

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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 !

Discussions similaires

  1. ccs et slide show javascript
    Par magicmimi dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 17/09/2008, 14h01
  2. [AJAX] slide show web2
    Par fatjoe dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 18/05/2008, 21h49
  3. slide show avec php
    Par fatjoe dans le forum Flash
    Réponses: 2
    Dernier message: 18/05/2008, 16h39
  4. Toogle avec slide en javascript
    Par arcanum dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 20/03/2008, 08h49
  5. [FLASH 8] Pour un Slide show très simple
    Par obatala dans le forum Flash
    Réponses: 2
    Dernier message: 04/04/2006, 16h34

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo