Sujet Précédent Sujet Suivant

Création d'une galerie d'image php & MySQL

Résolu/Fermé
reverb94 Messages postés 106 Date d'inscription jeudi 7 mars 2013 Statut Membre Dernière intervention 7 janvier 2014 - 7 mars 2013 à 14:49
reverb94 Messages postés 106 Date d'inscription jeudi 7 mars 2013 Statut Membre Dernière intervention 7 janvier 2014 - 11 mars 2013 à 13:03
Bonjour,

Je travail actuellement sur un site ( www.crobara2bal.com ) dans le but d'afficher les dessins d'un artiste par catégories ( sps, politique , travail , etc ...).

J'aimerais que dans la page dessins.php les catégories s'affiches grâce à un fonctionnement bdd qui n'affiche que l'information de la catégorie,et une image,

puis lorsque l'on clique dessus, une autre page s'ouvre affichant toutes les images de la catégorie (ex: sps ) avec seulement le titre des images et l'image qui correspond.

Et pour finir, lorsque l'on clique sur une image (parmi les autre de la catégories sps par exemple ) L'image sélectionnée s'affiche dans une nouvelle page en plus grande avec toutes les informations qui lui sont associé ( catégorie, titre, image, descriptif )

( Le résultat final devrait données à peu près le même aspect actuel du site sauf que celui-ci est en html/css :s)

Pour cela, je souhaite utiliser les bases de données MySQL pour ajouter à chaque images un titre, un id, une catégories, et un descriptif du dessins.

J'ai donc commencé par créer ma base de donnée : 

-- Structure de la table 'dessins'
--

CREATE TABLE IF NOT EXISTS 'dessins' (
  'id' int(11) NOT NULL AUTO_INCREMENT,
  'categorie' varchar(100) NOT NULL,
  'titre' varchar(100) NOT NULL,
  'image' varchar(100) NOT NULL DEFAULT 'formationspsv.jpg',
  'description' text NOT NULL,
  PRIMARY KEY ('id'),
  UNIQUE KEY 'id' ('id'),
  UNIQUE KEY 'titre' ('titre')
) ENGINE=InnoDB  DEFAULT CHARSET=utf8 AUTO_INCREMENT=4 ;

--
-- Contenu de la table 'dessins'
--

INSERT INTO 'dessins' ('id', 'categorie', 'titre', 'image', 'description') VALUES
(1, 'sps', 'La Formation S.P.S', 'formationspsv.jpg', 'Ah, ça... pour prendre des lois, tous les technocrates qui nous gèrent, ils sont forts. C''est dingue le nombre de textes, de  règlements, de consignes, de directives, de circulaires, qu''il faut ingurgiter, pour pouvoir prétendre faire un métier.'),
(2, 'sps', 'Chopé en flag', 'chopenflagspsv.jpg', 'L''inspecteur Sécurité,Protection Santé et Monsieur "Facilitateur" c''est l''expression consacrée. Autrement dit sur les chantiers, le coordonnateurs S.P.S essaye de "calmer le jeu". Lorsque des organismes féroces tels que la "CRAM" ou "l''inspection du travail" constatent une infraction aux règle de sécurité. L''entrepreneur pris en faute, ou le Maître d''ouvrage qui a commander les travaux s''en remettent à lui, pour négocier (autant que faire se peut) avec ces instances redoutables et pugnaces.'),
(3, 'sps', 'Les gros nazes !', 'lesgrosnazes.jpg', 'Il est fréquent, que certains coordonnateur S.P.S enquiquinent l''entrepreneur pour des broutilles, en passant à cotés de véritables causes de risques ou de dangers. Le manque de discernement, de la part de certains coordonnateurs teigneux et excessifs, met en cause la crédibilité de cette profession. Les entrepreneurs les qualifient parfois "d''empêcheurs de tourner en rond".');


Voici la structure actuelle de ma page dessins.php 

<!DOCTYPE HTML>
<html>
<link rel="shortcut icon" title="crobara2bal" type="image/png" href="mafavicon.png" />
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Dessins/Catégories</title>
<link href="css1.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="container">
<?php include("header.inc.php"); ?>
<?php include("menus.inc.php"); ?>
<div id="corpsdessins">
<p class="titre1">Catégories</p>
<div class="cat1">
<a href="sps.php"><p class="sps">SPS</p></a>
<a href="sps.php"><img src="images/categories/sps/200px/01.jpg"></a>
</div>
<div class="cat2">
<a href="politique.php"><p class="pol">Politique</p></a>
<a href="politique.php"><img src="images/categories/politique/200px/01.jpg"></a>
</div>
<div class="cat3">
<a href="travail.php"><p class="trav">Travail</p></a>
<a href="travail.php"><img src="images/categories/travail/200px/01.jpg"></a>
</div>
<div class="cat4">
<a href="divers.php"><p class="divers">Divers</p></a>
<a href="divers.php"><img src="images/categories/divers/200px/01.jpg"></a>
</div>
<div class="cat5">
<a href="nouveautes.php"><p class="nouv">Nouveautés</p></a>
<a href="nouveautes.php"><img src="images/categories/nouveautes/200px/01.jpg"></a>
</div>
<div class="cat6">
<a href="meilleurs.php"><p class="meil">Les Meilleurs</p></a>
<a href="meilleurs.php"><img src="images/categories/lesmeilleurs/200px/01.jpg"></a>
</div>
<div class="cat7">
<a href="actualite.php"><p class="actu">Actualité</p></a>
<a href="actualites.php"><img src="images/categories/actualites/200px/01.jpg"></a>
</div>
<div class="cat8">
<a href="sports.php"><p class="sport">Sports</p></a>
<a href="sports.php"><img src="images/categories/sports/200px/01.jpg"></a>
</div>
</div>
<?php include("footer.inc.php"); ?>
</div>
</body>
</html>


j'aurais besoin d'un coup de main pour garder le même aspect visuel mais avec un fonctionnement dynamique ^^

J'ai créer ma page de connexion à ma bdd : connexion.inc.php : 

<?php $db = mysql_connect('localhost', 'dessins', '*******')  or die('Erreur de connexion '.mysql_error());
// sélection de la base  
mysql_select_db('dessins',$db)  or die('Erreur de selection '.mysql_error()); ?>


après je suis bloqué :s




A voir également:

1 réponse

Réponse 1 / 1
reverb94 Messages postés 106 Date d'inscription jeudi 7 mars 2013 Statut Membre Dernière intervention 7 janvier 2014 1
11 mars 2013 à 13:03
Bonjour,

Ok, merci pour vos réponses... xD j'ai trouvé la solution pour ce qui sont dans la même situation que moi : 

<?php 
require_once("connexiondessins.inc.php");
//requête :
$requete="SELECT categorie,titre,image FROM dessins WHERE categorie='sps'";
$resultat=mysql_query($requete);
?>
<!DOCTYPE HTML>
<html>
<link href="mafavicon.png" rel="shortcut icon" title="crobara2bal" type="image/png" />
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>SPS</title>
<link href="css1.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="container">
<?php include("header.inc.php"); ?>
<?php include("menus.inc.php"); ?>
<div id="corpssps">
<a href="dessins.php" title="retourner aux catégories"><p class="titrevignette1">Catégories</p></a>
<a href="sps.php" title="recharger la page"><p class="titre1">SPS</p></a>
 <div id="textesps">
 <p class="texte2">blablabla</p>
 </div>

<?php while($dessins=mysql_fetch_array($resultat)){ ?>
 <div class="cat1">
  <?php echo $dessins['categorie']; ?>
  <br />
  <?php echo $dessins['titre']; ?>
  <br />
  <img src="images/<?php echo $dessins['image']; ?>"/>
</div>
<? }?>
</div>
<?php include("footer.inc.php"); ?>
</div>
</body>
</html>


La boucle 
<?php while($dessins=mysql_fetch_array($resultat)){ ?>


permet d'afficher toutes les informations demandée, entre autre : 

$requete="SELECT categorie,titre,image FROM dessins WHERE categorie='sps'";


j'éspère que sa aidera pour certains.
0

Discussions similaires

Dissocier les photos de ma galerie sur Google Photos
BourrinOman83 -
Pierr10 -

9 réponses