Afficher une image réduite

Résolu/Fermé
Eiyuden Messages postés 24 Date d'inscription mercredi 9 mars 2011 Statut Membre Dernière intervention 9 janvier 2016 - 4 mai 2011 à 15:47
Caïnael Messages postés 83 Date d'inscription vendredi 20 juin 2008 Statut Membre Dernière intervention 9 décembre 2013 - 13 mai 2011 à 21:43
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 ! :)

A voir également:

2 réponses

Caïnael Messages postés 83 Date d'inscription vendredi 20 juin 2008 Statut Membre Dernière intervention 9 décembre 2013 11
4 mai 2011 à 17:27
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
Eiyuden Messages postés 24 Date d'inscription mercredi 9 mars 2011 Statut Membre Dernière intervention 9 janvier 2016 48
4 mai 2011 à 18:46
merci beaucoup ! reste plus qu'a trouver la bonne taille mais ça c'est pas un problème :)

merci encore !
0
Caïnael Messages postés 83 Date d'inscription vendredi 20 juin 2008 Statut Membre Dernière intervention 9 décembre 2013 11
13 mai 2011 à 21:43
avec plaisir :)
0