A href en php , hide and show ?

Résolu/Fermé
MalonTails Messages postés 86 Date d'inscription mercredi 26 avril 2017 Statut Membre Dernière intervention 26 avril 2021 - 1 mai 2017 à 00:15
MalonTails Messages postés 86 Date d'inscription mercredi 26 avril 2017 Statut Membre Dernière intervention 26 avril 2021 - 1 mai 2017 à 01:27
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 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 4 649
Modifié le 1 mai 2017 à 00:26
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 mercredi 26 avril 2017 Statut Membre Dernière intervention 26 avril 2021
1 mai 2017 à 00:32
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 mercredi 26 avril 2017 Statut Membre Dernière intervention 26 avril 2021
1 mai 2017 à 00:32
comme si c'était < a href ="source_image"><img src=""></a>
0
jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 4 649 > MalonTails Messages postés 86 Date d'inscription mercredi 26 avril 2017 Statut Membre Dernière intervention 26 avril 2021
1 mai 2017 à 00:33
Tu veux qu'elle s'affiche dans une nouvelle fenêtre ou dans une modal ? ....
0
MalonTails Messages postés 86 Date d'inscription mercredi 26 avril 2017 Statut Membre Dernière intervention 26 avril 2021
1 mai 2017 à 00:39
je voudrai que ça s'affiche dans une nouvelle fenetre oui
0
jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 4 649 > MalonTails Messages postés 86 Date d'inscription mercredi 26 avril 2017 Statut Membre Dernière intervention 26 avril 2021
Modifié le 1 mai 2017 à 00:44
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