Afficher une image réduite [Résolu/Fermé]

Signaler
Messages postés
24
Date d'inscription
mercredi 9 mars 2011
Statut
Membre
Dernière intervention
9 janvier 2016
-
Messages postés
83
Date d'inscription
vendredi 20 juin 2008
Statut
Membre
Dernière intervention
9 décembre 2013
-
Bonjour à tous !

je suis actuellement en quête de modifier un peu le script de mon site, malheureusement même si je me débrouille je suis encore loin de maitriser cet art ... c'est pourquoi je requiers un peu de votre précieuse aide ! :)

pour le moment, j'affiche les images de mon site via des liens provenant d'un hébergeur et stockés dans une BDD. le système marche marche très bien ! Cependant ces images prennent de la place sur les pages ...

mon but est donc celui-ci : pouvoir afficher les images de taille réduite et pouvoir les agrandir en cliquant dessus ( l'idéal serait de les ouvrir dans une nouvelle fenêtre je pense ... ) mais ceci dépasse quelque peut mes compétences !

voici mon petit code :

<?php include("fonctions.connect.php"); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Titi Brocante</title>
<link href="default.css" rel="stylesheet" type="text/css" />

</head>

<body>
<?php echo 'resultat : '.$connect_db; ?>
<div id="outer">
<div id="header">
<h1><a href="index.php">Titre</a></h1>
<h2>la grange</h2>
</div>
<?php include("menu.php"); ?>
<div id="content">
<div id="xbg1"></div>
<!-- contenu de la page -->

<div id="centrer">
<h1> Divers </h1>
<br /> <br />

<?php
$sql = "SELECT * FROM objets WHERE Categorie='Divers'";
$req = mysql_query($sql,$connect_db);
while($data=mysql_fetch_assoc($req)) {
echo "<p><br />".$data['Titre']."<br />\n".$data['Description']."<br />\n
prix de l'objet : ".$data['Prix']." euros<br />\n
photos : <img src=".$data['Photos']." /></p>\n<hr />";
}
mysql_free_result ($req);
mysql_close();
?>
<br />
</div>
<div class="clear"></div>
</div>
<div id="footer"></div>
</div>
</body>
</html>


la partie me permettant d'afficher les images est celle-ci :

photos : <img src=".$data['Photos']." /></p>\n<hr />";

si une âme charitable pouvait m'apporter une solution ... merci d'avance ! :)

2 réponses

Messages postés
83
Date d'inscription
vendredi 20 juin 2008
Statut
Membre
Dernière intervention
9 décembre 2013
11
Bonjour,
et bien pour afficher ton image en réduite ainsi qu'avoir l'image qui s'ouvre dans une autre page en taille normale (si j'ai bien compris ce que tu recherche a faire)

il faudrait modifier les paramètres de ta balise <img> et l'entourer d'un lien qui renvois vers ton image en taille normale :

photos : <a href=".$data['Photos']."> <img src=".$data['Photos']." height='150'/> </a> </p>\n<hr />"; 




en espérant t'avoir été utile,
bon courage !
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 63550 internautes nous ont dit merci ce mois-ci

Messages postés
24
Date d'inscription
mercredi 9 mars 2011
Statut
Membre
Dernière intervention
9 janvier 2016
46
merci beaucoup ! reste plus qu'a trouver la bonne taille mais ça c'est pas un problème :)

merci encore !
Messages postés
83
Date d'inscription
vendredi 20 juin 2008
Statut
Membre
Dernière intervention
9 décembre 2013
11
avec plaisir :)