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 :

albums photos particuliers


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Candidat au Club
    Profil pro
    Inscrit en
    Juin 2009
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juin 2009
    Messages : 2
    Par défaut albums photos particuliers
    Bonjour,

    je réalise un site web et j'aimerais y ajouter des photos mais d'une manière bien particulière :

    en fait, j'aimerais qu'on ne voie qu'une seule photo mais que lorsque on clique dessus la photo change en une autre photo, tout en restant sur la même page...

    Si quelqu'un peut m'aider merci d'avance

  2. #2
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour et bienvenue sur Developpez.com

    Tu peux faire ça en ayant une seule <img> sur ta page.
    Il te suffit de modifier son src pour afficher la nouvelle image.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img src="image1.gif" onclick="this.src=nouvelle_url;">
    Tu peux par exemple stocker les url dans un tableau (array) que tu utiliseras pour modifier l'url de l'image ...

    A+

  3. #3
    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
    ce qui donnerait un truc dans le genre :

    en variable globale

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    var mesImages = ['urlimage1.jpg','urlimage3.jpg','urlimage3.jpg'];
    var i = 0 ;
    puis sur l'image :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img src="image1.gif" onclick="i = (i< mesImages.length-1)? i++:0;this.src=mesImages[i];">

  4. #4
    Candidat au Club
    Profil pro
    Inscrit en
    Juin 2009
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juin 2009
    Messages : 2
    Par défaut ça marche


    Un grand merci, ça fonctionne, j'ai juste du modifier un peu le code et utiliser la fonction main dans le code sinon je les photos ne changeaient pas..

    Merci pour votre aide

  5. #5
    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
    de rien , n'oublie pas le tag résolu ^^

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Création Album photo.
    Par Angeldu74 dans le forum Langage
    Réponses: 5
    Dernier message: 22/06/2006, 17h39
  2. Albums photos et pagination
    Par mael94420 dans le forum ASP
    Réponses: 5
    Dernier message: 21/06/2006, 14h59
  3. [C++/MFC]Application Album Photo
    Par cjacquel dans le forum MFC
    Réponses: 1
    Dernier message: 29/05/2006, 11h18
  4. Album photos
    Par mael94420 dans le forum ASP
    Réponses: 1
    Dernier message: 06/05/2006, 17h30

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