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

jQuery Discussion :

Fermer en cliquant sur l'image lightbox slimbox2


Sujet :

jQuery

  1. #1
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2010
    Messages : 7
    Par défaut Fermer en cliquant sur l'image lightbox slimbox2
    Bonjour tout le monde,

    J'aimerai savoir si quelqu'un saurait ce que je dois modifier dans le code pour pouvoir faire que l'image en lightbox se ferme en cliquant sur l'image (pour l'instant elle se ferme quand on clique en dehors de l'image).

    http://www.digitalia.be/software/slimbox2

    Merci par avance à qui saura m'aider

    Bap

  2. #2
    Membre averti Avatar de SeThYy
    Profil pro
    Inscrit en
    Novembre 2008
    Messages
    65
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France

    Informations forums :
    Inscription : Novembre 2008
    Messages : 65
    Par défaut
    La solution que je m'apprête à te donner n'est pas des plus propres, mais ca marche. Le principe est d'émuler le click du bouton close, lorsque tu clique sur l'image. En l'occurrence, faire ca :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    $(document).ready(function()
    {
         $("#lbImage").click(function()
         {
               $("#lbCloseLink").click();
         });
    });
    Tu peux retrouver le nom des éléments créés par le plugin grâce a l'outil de développement pour Firefox, Firebug

    SeTh

  3. #3
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2010
    Messages : 7
    Par défaut
    Citation Envoyé par SeThYy Voir le message

    Tu peux retrouver le nom des éléments créés par le plugin grâce a l'outil de développement pour Firefox, Firebug

    SeTh
    Salut Seth et merci pour ta réponse.

    Je l'ai installé comment je fais ensuite ?

  4. #4
    Membre averti Avatar de SeThYy
    Profil pro
    Inscrit en
    Novembre 2008
    Messages
    65
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France

    Informations forums :
    Inscription : Novembre 2008
    Messages : 65
    Par défaut
    Tu as essayé le code que je t'ai donné ? Ca a marché ?

    Pour Firebug, c'est tout simple : d'abord, tu as une sorte de petit insecte en bas à droite de ta fenêtre -> tu cliques dessus, une sorte de frame s'ouvre. Pour le javascript, il y'a la console, tu peux ainsi tester tes codes JS, et il y'a aussi l'analyse des éléments (bouton curseur de souris a droite). Cette dernière est utilisable en se positionnant sur les éléments que tu souhaites, et tu as le codes généré correspondant.

    Bon courage !

  5. #5
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2010
    Messages : 7
    Par défaut
    Citation Envoyé par SeThYy Voir le message
    Tu as essayé le code que je t'ai donné ? Ca a marché ? (...) il y'a aussi l'analyse des éléments (bouton curseur de souris a droite). Cette dernière est utilisable en se positionnant sur les éléments que tu souhaites, et tu as le codes généré correspondant.

    Bon courage !
    Salut Seth,

    J'ai essayé oui mais je n'y arrives pas car je n'ai pas l'habitudes de l'utiliser. J'ai cliqué sur "élément à inspecter", puis cliquer pour fermer la lightbox mais je ne vois pas où je vois les résultats nis ce que je suis sensé chercher

    tistou

  6. #6
    Membre averti Avatar de SeThYy
    Profil pro
    Inscrit en
    Novembre 2008
    Messages
    65
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France

    Informations forums :
    Inscription : Novembre 2008
    Messages : 65
    Par défaut
    Réessaie, il faut que tu fouilles un peu partout dans le module et tu vas comprendre comment il marche. Je t'assure, ce n'est pas bien compliqué

Discussions similaires

  1. Google map - Déplacement en cliquant sur une image
    Par Laurelaie dans le forum GWT et Vaadin
    Réponses: 2
    Dernier message: 06/05/2008, 15h53
  2. ouvrir WMP en cliquant sur une image
    Par Invité dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 30/01/2008, 14h38
  3. Réponses: 9
    Dernier message: 03/07/2006, 18h32
  4. deplacement Form en cliquant sur une image
    Par nemo69500 dans le forum C++Builder
    Réponses: 7
    Dernier message: 09/04/2006, 13h55
  5. Réponses: 6
    Dernier message: 27/05/2005, 15h43

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