Afficher une image réduite
Résolu
Eiyuden
Messages postés
24
Date d'inscription
Statut
Membre
Dernière intervention
-
Caïnael Messages postés 83 Date d'inscription Statut Membre Dernière intervention -
Caïnael Messages postés 83 Date d'inscription Statut Membre Dernière intervention -
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 ! :)
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:
- Afficher une image réduite
- Image iso - Guide
- Légender une image - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Transformer une image en icone - Guide
2 réponses
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 :
en espérant t'avoir été utile,
bon courage !
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 !
