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 :

[Foundation clearing] Masquer une image


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2004
    Messages
    178
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Mars 2004
    Messages : 178
    Par défaut [Foundation clearing] Masquer une image
    Bonjour,

    J'appelle la page avec le code suivant:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    <ul class='clearing-thumbs clearing-feature' data-clearing>
            <li><a href="/Photos/<%=rs("Photo1")%>"><img src="images/zoom.png" /></a></li>
            ....
            ....
            etc...
    L'appel se fait, la page qui affiche les images se lance, mon seul problème et que j'aimerais éviter l'affichage de la photo -> zoom.png dans les vignettes du bas....

    Comment faire ?

    Merci d'avance !

  2. #2
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 209
    Par défaut
    Bonjour,
    comme d'habitude ton soucis est très clairement exposé avec un titre qu'on ne peut mieux choisir

    ...j'aimerais éviter l'affichage de la photo -> zoom.png...
    ne la mets donc pas dans ton code

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2004
    Messages
    178
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Mars 2004
    Messages : 178
    Par défaut
    J'ai réussi à masquer la photo zoom.png en procédant ainsi :

    J'ai crée sur Photoshop une image d' 1 pixel x 1 pixel (transparent).

    sur click de l'image zoom.png j'ai ajouté ce code:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    onClick="changX(this);
    Cela appelle cette fonction:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    <script>			
    				function changX(x)
    				{
    					x.src= "images/pix.png";				
     
    				}
    			</script>
    Ok, maintenant quand je clique sur l'image zoom.png la page clearing s'ouvre et tout est correct je ne vois plus l'image zoom.png comme vignette.

    Le seul problème qui me reste est de rétablir l'image zoom.png lorsque je ferme la fenêtre clearing.

    Pour se faire il faudrait utiliser l'événement close de la fenêtre clearing, j'ai essayé ceci sans succès:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    <script>
    				$('.clearing-close').on('click', function (e) {
    				$("#zoom").attr('src','images/zoom.png');
    				});			
    			</script>
    Il faudrait agir sur la fenêtre principale, la fenêtre qui a fait l'appel...

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2004
    Messages
    178
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Mars 2004
    Messages : 178
    Par défaut
    résolu

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <img src="images/zoom.png" id="zoom" onclick="jQuery('[data-clearing] li img').first().trigger('click');" style="cursor:pointer" />

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

Discussions similaires

  1. [DOM] Masquer une image au clic sur un lien du menu
    Par nicolas2603 dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 30/03/2009, 10h02
  2. Utiliser un div pour masquer une image
    Par calitom dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 19/03/2009, 11h35
  3. Afficher/masquer une image en Delphi 7
    Par sic_88 dans le forum Débuter
    Réponses: 3
    Dernier message: 15/03/2009, 15h17
  4. Masquer une image
    Par funfou dans le forum SAP Crystal Reports
    Réponses: 2
    Dernier message: 03/12/2008, 17h39
  5. Clear d'une image
    Par olibara dans le forum C#
    Réponses: 0
    Dernier message: 01/11/2008, 19h33

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