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

HTML Discussion :

créer une galerie à partir d'une seul image


Sujet :

HTML

  1. #1
    Nouveau candidat au Club
    Profil pro
    Inscrit en
    Mars 2012
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2012
    Messages : 2
    Par défaut créer une galerie à partir d'une seul image
    Bonjour la communauté!

    je suis en train de créer un site pour un costumier,
    j'ai un scroll horizontal avec une succession d'image type diaporama (jquery),
    j'aimerai créer des zones de type area shape (avec image réactive) sur chaque image
    pour donner à voir son travail,
    pour cel : je veux faire qu'à partir des area shape, une lightbox s'ouvre et permet de faire défiler plusieurs images les unes à la suite des autres en surimpression (comme toutes les lightbox)

    donc créer une galerie d'image à partir d'une seule image.

    pour l'instant j'ai :
    le scroll
    un area
    une thickbox (mais pas plusieurs images)

    j'ai appelé les scripts js pour chaque pas de souci

    le code type dans le body pour une image contenu dans le scroll avec un areashape qui ouvre la thickbox :

    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
     
     
     
    <div id="accueil">
    <div class="im">
     
    map="#Map" id="Image1"/>
     
    <map name="Map" id="Map">
     
    <area shape="rect" coords="530,108,581,202"
    href="images/monimage3.png"
    class="thickbox" title="commentaire
    "
     
    onmouseover="MM_swapImage('Image1','','images/monimage2.png',1)"
     
     
    onmouseout=
    "MM_swapImgRestore()"
     
    onmousepress=
     
     
    />
     
    map>
    </div>
    en bref
    ma question c'est comment je peux faire çà (et que sa marche) et sur une areashape? :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    <a href="images/im2.png"  class="thickbox" rel="gallery" >
          <img src="images/im1.png" 
           width="600" height="400" />
          </a>
          <a href="images/im3.png" class="thickbox" rel="gallery"/> </a>
    parce que pour l'instant le fond noir apparait mais sans les images et comme j'appelle déjà un script js d'un slide scroll horizontal j'ai peur qu'il y est également une interference pour le rel="" (en + du reste...)
    le scroll marche, la thickbox aussi mais j'aimerais faire défiler cette galerie en cliquant sur une seul image.

    Help! merci!

    Ps : je suis graphiste et non développeur donc j'espère que vos conseils élaborés seront compréhensible pour un poulpe comme moi

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 198
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 198
    Par défaut
    Bonsoir,
    le soucis c'est que je ne comprend pas ton soucis

    Qui plus est le 1st code que tu mets est euh!!! bizarre et dans le 2nd tu as un lien vide

  3. #3
    Nouveau candidat au Club
    Profil pro
    Inscrit en
    Mars 2012
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2012
    Messages : 2
    Par défaut
    Voilà ce que je recherche :
    (en espérant que se sera plus explicite)


  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 198
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 198
    Par défaut
    Citation Envoyé par poinpoint Voir le message
    Voilà ce que je recherche :
    (en espérant que se sera plus explicite)

    la suite c'est-elle perdue????????????????????

  5. #5
    Membre averti
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2007
    Messages
    52
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mai 2007
    Messages : 52
    Par défaut
    Salut, tu devrai peut etre chercher au niveau des spites css...

    Cela te permet d'avoir juste une image et grace au css de choisir la portion que tu desire afficher

    C'est tres utiles et ca permet de bouffer mon de bande passante pour l'utilisateur ^^

  6. #6
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Quel peut bien être le rapport entre des sprites CSS et une galerie ?
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  7. #7
    Membre averti
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2007
    Messages
    52
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mai 2007
    Messages : 52
    Par défaut
    Bonjour,

    en fait, je pensai au sprites CSS car j'ai deja au l'occasion de m'en servir pour faire un menu.

    Je me suis donc dit que cela pouvait peut etre s'adapter

Discussions similaires

  1. Réponses: 2
    Dernier message: 08/03/2010, 15h43
  2. [Batch] Créer une chaine à partir d'une variable et d'une autre chaine
    Par mlle lain dans le forum Scripts/Batch
    Réponses: 1
    Dernier message: 10/11/2009, 16h26
  3. Réponses: 28
    Dernier message: 05/03/2009, 12h55
  4. Réponses: 2
    Dernier message: 05/01/2009, 12h45
  5. Réponses: 5
    Dernier message: 22/05/2008, 14h42

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