Forum d'entraide PHPFrance

Bonjour
Voici mon code :

<?php
	// On se connecte à la Bdd
	include('../inc_/connexion_inc.php');
	
	//On recupère toutes les data
	$reponse = $bdd->query('SELECT * FROM entree_personnel');
	
	while ($donnees = $reponse->fetch())
	{
		$recupTitre = $donnees['titre'];
		$recupNom = $donnees['nom'];
		$recupTitre_extension = $recupTitre.'.jpg';
		echo '<img src = "../photo/',$recupTitre_extension,'" width="150" height="150" class="image-portrait"/>';
		echo '<div class="overlay">'.$recupNom.'</div>';
	}
	$reponse->closeCursor(); // Termine le traitement de la requête
	
	// Je me deconnecte
	$req = null;
?>

J'ai donc une image qui s'affiche avec le 1er echo.
Ensuite le 2ème echo me fait afficher le 'Nom' de la personne, mais en dessous.....pas ce que je veux.

Je voudrais que lorsque je survole la photo cela m'affiche le 'Nom' dans la photo.
J'ai essayé avec 'Overlay' à différents endroit mais en vain.
Je ne sais pas ou mettre exactement la variable de mon 2ème 'echo" c à d : $recupNom.

il faut commencer par savoir le faire en html, par exemple :
https://www.w3schools.com/howto/howto_c ... e_text.asp
ensuite, adapter le code php est simple.

 while ($donnees = $reponse->fetch())
  {
    $recupTitre = $donnees['titre'];
    $recupNom = $donnees['nom'];
    $recupTitre_extension = $recupTitre.'.jpg';
    echo '<img src = "../photo/',$recupTitre_extension,'" alt="'.$recupnom.'"width="150" height="150" class="image-portrait"/>';
  }

ceci peut peut être te suffire aussi. si tu arrète la souris sur l'image, une infobulle apparait

Spols

Merci, j'avais éssayé cette manip, mais cela affiche plus mon image(seulement un petit carré) et a droite le Nom. Et ainsi de suite.

Spols

Merci, j'avais éssayé cette manip, mais cela affiche plus mon image(seulement un petit carré) et a droite le Nom. Et ainsi de suite.

Ce n'est plus un problème de PHP mais de pur HTML là.

Regarde la source de ta page, les adresses des images, et cherche pourquoi elles ne peuvent pas s'afficher.
Tu peux aussi aller dans la console de ton navigateur (Ctrl+Maj+i sur Firefox ou Chrome), onglet réseau/Network et voir si il y a des appels en erreur (404 probablement pour image introuvable)

Re bonjour
finalement j'ai fait ce code, qui fonctionne de plus :

Code : Tout sélectionner

<?php
	// On se connecte à la Bdd
	include('../inc_/connexion_inc.php');
	
	//On recupère toutes les data
	$reponse = $bdd->query('SELECT * FROM entree_personnel');
	
	 while ($donnees = $reponse->fetch())
	{
    $recupTitre = $donnees['titre'];
    $recupNom = $donnees['nom'];
    $recupTitre_extension = $recupTitre.'.jpg';
    
      echo '<div id="img-container">';
        echo '<img src= "../photo/'.$recupTitre_extension.'" width="150" height="150" class="image">';
          echo '<div class="overlay">';
          echo $recupNom;
          echo '</div>';
      echo '</div>';
    }
	$reponse->closeCursor(); // Termine le traitement de la requête
	
	// Je me deconnecte
	$req = null;
?>

j'ai mis des <div> dans des 'echo'.... N'y aurait il pas une facon plus propre à la place de tout ces echo ?? mais cela fonctionne très bien.

Un echo peut écrire plusieurs lignes de code d'un coup :

      echo '<div id="img-container">
        <img src= "../photo/'.$recupTitre_extension.'" width="150" height="150" class="image">
         <div class="overlay">'.$recupNom.'</div>
      </div>';

Forum d'entraide PHPFrance

integrer du texte

integrer du texte

Re: integrer du texte

Re: integrer du texte

Re: integrer du texte

Re: integrer du texte

Re: integrer du texte

Re: integrer du texte