A href en php , hide and show ?

Résolu
Bonjour,

J'aimerai afficher mes images en cliquant dessus. Celles-ci sont dans une condition if en php. J'ai pu entendre parler de hide and show cependant je ne sais pas comment l'utiliser.

Code ->
  <?php  if($billet['photo']!=""){
printf('<img width="200px" height="150px" src="uploads/%s"</br>',$billet['photo']);
}


j'ai trouvé ce bout de code sur internet mais je ne sais pas comment l'utiliser ( source = https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_hide_show)
 $("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});


Merci à tous ceux qui pourront m'aider , et bonne soirée :D

1 réponse

  1. Modérateur
    Bonjour,

    Plusieurs problèmes dans ta question ....

    - Tu parles d'un lien ... mais tu ne nous montres pas son code
    - Tu nous montres un code en PHP qui ne sert à faire apparaitre dans ton code une image QUE si la variable $billet['photo'] n'est pas vide
    - Le second code que tu nous montres n'est pas du php mais du javascript (jquery).

    Bref .. que veux tu faire exactement ?
    Comment se traduit ton lien (<a href... ) ?
    Sais-tu coder en javascript ? (car la réponse se trouve là ! )

    par exemple un truc du genre:
    <a href="#" rel="nofollow noopener noreferrer" target="_blank" id="id_lien">Afficher/Masquer l'image</a>
    <img id='id_de_l_image' src="lien_de_l_image"></img>
    
    
    <script type='text/javascript'>
    $("#id_lien").click(function(){
      if($("#id_de_l_image").is(':hidden')){
         $("#id_de_l_image").show();
      }else{
         $("#id_de_l_image").hide();
      }
    });
    
    </script>
    
    

    NB : J'ai utilisé le JQUERY (il te faut donc le charger dans ton site. Tu peux le récupérer ici https://jquery.com/download/

    Cordialement, 
    Jordane                                                                 
    0
    1. En fait je veux juste que mon image s'affiche en grand en cliquant dessus donc la source cest la meme que dans la balise image :/
      0
    2. comme si c'était < a href ="source_image"><img src=""></a>
      0
    3. Modérateur
      @MalonTailsTu veux qu'elle s'affiche dans une nouvelle fenêtre ou dans une modal ? ....
      0
    4. je voudrai que ça s'affiche dans une nouvelle fenetre oui
      0
    5. Modérateur
      @MalonTailsDans une nouvelle fenêtre... donc dans une "autre" page de ton navigateur nous sommes bien d'accord...
      Dans ce cas.. oui.. il suffit de faire :
      <a href ="source_image_grande" target="_blank"><img src="image_petite"></a>
      
      
      0