A href en php , hide and show ?

Résolu
MalonTails Messages postés 86 Date d'inscription   Statut Membre Dernière intervention   -  
MalonTails Messages postés 86 Date d'inscription   Statut Membre Dernière intervention   -
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
A voir également:

1 réponse

jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
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
MalonTails Messages postés 86 Date d'inscription   Statut Membre Dernière intervention  
 
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
MalonTails Messages postés 86 Date d'inscription   Statut Membre Dernière intervention  
 
comme si c'était < a href ="source_image"><img src=""></a>
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752 > MalonTails Messages postés 86 Date d'inscription   Statut Membre Dernière intervention  
 
Tu veux qu'elle s'affiche dans une nouvelle fenêtre ou dans une modal ? ....
0
MalonTails Messages postés 86 Date d'inscription   Statut Membre Dernière intervention  
 
je voudrai que ça s'affiche dans une nouvelle fenetre oui
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752 > MalonTails Messages postés 86 Date d'inscription   Statut Membre Dernière intervention  
 
Dans 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