login  Naam:   Wachtwoord: 
Registreer je!
 Scripts:
Scripts > PHP > Foto gallerijen > albumsysteem met volledige php sturing

albumsysteem met volledige php sturing

Auteur: biertie - 18 december 2004 - 13:33 - Gekeurd door: Dennisvb - Hits: 24910 - Aantal punten: 2.28 (9 stemmen)



Dit is een foto album waar ik een toevoeg pagina aan gemaakt heb. album.php komt van Webbie XL.

Functies van het Album.
Het album bestaat uit 2 delen.
- album.php
- albumlijst.php
- albumtoevoegen.php
- config.php

Album.php werkt heel simpel.
Je moet je map met foto's uploaden naar je server. Deze map is direct al het album.
Het enige wat je dan nog moet doen, is het album toevoegen in albumtoevoegen.php. makkelijker kan het niet 

belangrijk: ik heb ik het script aangepast daj je pagina= moet hebben, tis maar dat ge het weet [met die include toestanden enzo. $_GET['pagina'] met je dan doen



album zorgt ervoor dat alle foto's als thumbnails te voorschijn komen in je album. Deze thumbnails dienen dan ook als link om naar de foto zelf te gaan.


het reactie systeem heb ik er ook ingelaten, voor de liefhebbers .

later komt er maak ik er nog een albumverander.php pagina bij, zodat je dingen aan je albumlijst kan veranden, en een albumverwijder.php bij.

nog later zorg ik ervoor dat je je foto's een titel kan meegeven, en als het mij ook ooit lukt op thumbnails eenvoudig te laten inladen, en die dan te linken met de originele foto, zal ik dat ook nog eens doen, dat zal in ieder geval de snelheid ten goed komen .

Hope you enjoy it!
Biertie

Code:
MySQL databases:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. CREATE TABLE fotos (
  2.   id tinyint(4) NOT NULL auto_increment,
  3.   naam varchar(20) NOT NULL default '',
  4.   albumurl varchar(11) NOT NULL default '',
  5.   uitleg text NOT NULL,
  6.   albumfotovb varchar(50) NOT NULL default '',
  7.   PRIMARY KEY  (id)
  8. ) TYPE=MyISAM;
  9.  
  10. -------------------------------------
  11.  
  12. CREATE TABLE fotosreacties (
  13.   id int(11) NOT NULL auto_increment,
  14.   boek varchar(60) NOT NULL default '',
  15.   foto varchar(60) NOT NULL default '',
  16.   naam varchar(30) NOT NULL default '',
  17.   datum int(11) NOT NULL default '0',
  18.   reactie text NOT NULL,
  19.   PRIMARY KEY  (id)
  20. ) TYPE=MyISAM;

config.php
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <?php
  2. 	mysql_connect ("localhost", "gebruikersnaam", "paswoord");
  3. 	mysql_select_db ("databasenaam");
  4. 	$max = 8; // het maximaal aantal album's op een pagina.
  5. 	$aantalFotos = 18; // aantal fotos per pagina 
  6. ?>

albumtoevoegen.php
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!doctype html public "-//W3C//DTD HTML 4.0 //EN"> 
  2. <?php 
  4.  
  5. include ("config.php"); 
  6.  
  7. //Als men op Submit gedrukt heeft 
  8. if ($_POST['Submit']) { 
  9.  
  10. //We gaan controleren of alle velden zijn ingevuld en dat e-mailadres bestaat 
  11.  
  12. 	if (!trim($_POST['naam']))
  13. 		{ 
  14.     		$error="Je moet je naam voor het album invullen"; 
  15. 		}
  16. 	elseif(!trim($_POST['albumurl'])) 
  17. 		{
  18.     		$error.="Je moet de map waar de foto's instaan invullen<br>"; 
  19. 		}
  20. 	elseif(!trim($_POST['albumfotovb']))
  21. 		{
  22. 			$error.="je moet een voorbeeld foto ingeven<br>";
  23. 		}
  24. 	elseif (!trim($_POST['uitleg'])) 
  25. 		{
  26.     		$error.="je moet uileg geven over je album<br>"; 
  27. 		}
  28. //Als er een veld niet is ingevuld komt er een error 
  29.  
  30. if(isset($error)) {
  31.  
  32. ?>
  33. <center> <table class=\"fotos\" width=\"100%\" border=\"1\" cellspacing=\"0\" cellpadding=\"2\">
  34.  <tr>
  35.    <td align=\"center\">
  36.    <b><?php echo".$error."; ?> </b>
  37.     <br>
  38.     <form method=\"post\" action=\"javascript:history.go(-1)\">
  39.      <input type=\"submit\" name=\"Terug\" value=\"Terug\">
  40.      </form>
  41.     </td>
  42.    </tr>
  43.  </table>
  44. </center>
  45. <?
  46. //Als alles correct is ingevuld gaan we over naar het posten van de gegevens naar de database 
  47. 	} 
  48. else 
  49. 	{
  50.  		$naam = addslashes(htmlspecialchars($_POST['naam']));
  51.  		$albumurl = addslashes(htmlspecialchars($_POST['albumurl']));
  52.  		$uitleg = addslashes(htmlspecialchars($_POST['uitleg']));
  53.  		$albumfotovb = addslashes(htmlspecialchars($_POST['albumfotovb']));
  54. 	$query= "INSERT INTO fotos (naam, albumurl, uitleg, albumfotovb)
  55. 	VALUES ('".$naam."', '".$albumurl."', '".$uitleg."', '".$albumfotovb."')";
  56. 	mysql_query($query) or die (mysql_error());
  57. ?>
  58. 		<p>het album is succesvol toegevoegd!</p>
  59. 		<p><a href="albumtoevoegen.php">klik hier om nog een album toe te voegen</a><br>
  60. 	      <a href="albumlijst.php">klik hier om de albumlijst te bezichtigen</a></p>
  61.  
  62. 		  <?php
  63. 	} 
  64.  
  65. 	}
  66. else
  67. {
  68. //Als men nog niet op Submit gedrukt heeft krijgt men natuurlijk het formulier te zien 
  69. ?>
  70.                         </p>
  71. 		<center> 
  72.   <form name="fotos" action="<? echo $_SERVER['PHP_SELF']; ?>" method="post"> 
  73.     <table class="fotos" width="100%" border="1" cellspacing="0" cellpadding="2"> 
  74.       <tr> 
  75.         <td height="20" colspan="2"><strong>album toevoegen op de site: </strong></td> 
  76.       </tr> 
  77.       <tr> 
  78.         <td width="44%">Naam album:</td> 
  79.         <td width="56%"> 
  80.           <input name="naam" type="text" id="naam"  size="30" maxlength="50"> 
  81.         </td> 
  82.       </tr> 
  83.       <tr> 
  84.         <td align="left" valign="top">url naar map album: (gewoon de naam van de map noemen)</td> 
  85.         <td> 
  86.           <input name="albumurl" type="text" id="albumurl" size="30" maxlength="50"></td> 
  87.       </tr> 
  88.       <tr> 
  89.         <td>voorbeeldfoto: (+naam van de map! vb: map1/foto1.jpg) </td> 
  90.         <td> 
  91.           <input name="albumfotovb" type="text" id="albumfotovb"  size="30" maxlength="50">             
  92.         </td> 
  93.       </tr> 
  94.       <tr> 
  95.         <td colspan="2"><div align="left">uitleg:<br> 
  96.             <textarea name="uitleg" cols="50" rows="7" id="uitleg"></textarea>          
  97.             <br>        
  98.           </div>          </td> 
  99.       </tr> 
  100.       <tr> 
  101.         <td height="25" colspan="2" align="center"> 
  102.           <input type="submit" name="Submit" value="Verzenden">&nbsp;               
  103.           <input name="Reset" type="submit" id="Reset" value="Opnieuw"> 
  104.         </td> 
  105.       </tr> 
  106.     </table> 
  107.   </form> 
  108. </center> 
  109. <?php 
  110. } 
  111. ?>

albumlijst.php
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!doctype html public "-//W3C//DTD HTML 4.0 //EN"> 
  2. <?php 
  3. include ("config.php"); 
  4.  
  5. <br> 
  6. #### Begin Navigatie code #### 
  7. $query = mysql_query("SELECT id FROM fotos ORDER BY id DESC") or die(mysql_error()); 
  8. $aantal = mysql_num_rows($query); 
  9. $aantal/=$max; 
  10.  
  11. if ($aantal == 0) { 
  12.     echo "<div align=center>Er zijn nog <b>geen album's</b> op deze site!</div>"; 
  13. } else { 
  14.  
  15. 	$nav=$_GET['nav']; 
  16. 		if (empty($nav)) { 
  17.     						$nav=1; 
  18. 						} 
  19. 		$van=($nav-1)*$max; 
  20.  
  21. 		if ($nav > ceil($aantal)) { 
  22.     						$nav=1; 
  23. 						} 
  24.  
  25. 		for ($i = 1; $i <= ceil($aantal); $i++) { 
  26.    							 if ($nav == $i) 
  27.         						$navs[$i] = "<b>$i</b>"; 
  28.    							 else 
  29.       							  $navs[$i] = "<a href=\"lezen.php?nav=$i\">$i</a>"; 
  30. 						} 
  31.  
  32. 		$navs= implode(" | ", $navs); 
  33.  
  34. 		$vorige = ($nav-1) ? "<a href=\"index.php?pagina=albumlijst&nav=" . ($nav - 1) . "\">&lt; Vorige</a>" : ""; 
  35. 		$volgende = ($nav-ceil($aantal)) ? "<a href=\"index.php?pagina=albumlijst&nav=" . ($nav + 1) . "\">Volgende &gt;</a>" : ""; 
  36.  
  37. 		if ($vorige && $volgende) { 
  38.     						$navigatie = $vorige." | ".$navs ." | ".$volgende; 
  39. 						} 
  40. 					else { 
  41.    		 $navigatie = $vorige." | ".$navs." | ".$volgende; 
  42. 		} 
  43. //Einde Navigatie code
  44. 	}
  45.  
  46. //Nu gaan we de albums selecteren 
  47. $query=mysql_query("SELECT * FROM fotos ORDER BY id DESC LIMIT $van, $max") or die (mysql_error());
  48.  
  49. //Nu worden alle berichten weergegeven dmv een while 
  50.     while ($obj = mysql_fetch_object($query)) { 
  51.     //nl2br() zorgt er voor dat er bij elke enter ook een nieuwe lijn komt 
  52.         $uitleg=nl2br($uitleg);
  53.  
  54. ?> 
  55. <table class="fotos" width="100%" border="0" cellspacing="0" cellpadding="2"> 
  56.   <tr> 
  57.     <td colspan="2" valign="top"> 
  58.       <strong>naam album </strong>: <span class="style1">
  59.       <?=$obj->naam?> 
  60.       </span></td> 
  61.   </tr> 
  62.   <tr> 
  63.     <td width="11%" rowspan="2" valign="top"> 
  64.         <a href="index.php?pagina=album&boek=<?=$obj->albumurl?>"><img src="<?=$obj->albumfotovb?>" height="100" border="0"></a>
  65.     </td> 
  66.     <td width="89%" height="73" valign="top"><p>
  67.         <?=$obj->uitleg?>
  68.     </a></p>
  69.     <p align="center">&nbsp;</p></td>
  70.   </tr>
  71.   <tr>
  72.     <td valign="top"><div align="center">&gt;&gt;<a href="index.php?pagina=album&boek=<?=$obj->albumurl?>" class="style2">bekijk het album</a> </div></td>
  73.   </tr>
  74.   <tr>
  75.     <td colspan="2" valign="top"><hr></td>
  76.   </tr> 
  77. </table> 
  78. <br> 
  79. <?php
  80. //Deze loop wordt herhaald tot dat alle berichten zijn weergegeven
  81. }
  82. ?> 
  83. <br> 
  84. <table class="fotos" width="100%" border="1" cellspacing="0" cellpadding="1"> 
  85.   <tr> 
  86.     <td align="center" height="19"><?=$navigatie?></td> 
  87.   </tr> 
  88. </table> 
  89. <br>

album.php
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!doctype html public "-//W3C//DTD HTML 4.0 //EN"> 
  2. <?
  3. include ("config.php");
  4. if(is_dir($_GET['boek'])){ 
  5. // configuratie 
  6. $boek = $_GET['boek'];
  7. $originalPath = $boek;                            //de map aangeroepen in de url 
  8. $path = $boek;                        // path naar de foto 
  9.  
  10. $fotoArray = array(); 
  11.  
  12. $d = dir("$path");    
  13.  
  14. while($entry=$d->read()) {    
  15.            if(eregi(".jpg|.jpeg|.gif|.bmp|.png", $entry)){ 
  17.  
  18.                  $foto = $path . "/" . $entry ; 
  19.              $fotoArray[] = $foto; 
  20.  
  21.             } 
  22.  
  23. }    
  24.  
  25. $d->close();    
  26. $count = count($fotoArray); 
  27.  
  28. $pathspatie = str_replace("_", "&nbsp;", $originalPath); 
  29.  
  30.  
  31. // reactie Plaatsen 
  32. if(isset($_POST["submitreactie"])){ 
  33.     $query = "insert into fotosreacties (boek,foto,naam,datum,reactie) values "; 
  34.     $query .= "('" . $_GET['boek'] . "','" . $fotoArray[$_GET["fotoID"]] . "','" . $_POST["naam"] . "','" . time() . "','" . $_POST["reactie"] . "')"; 
  35.  
  36. if($result = mysql_query($query)){ 
  37.     echo "Je reactie is geplaatst"; 
  38.     } // end if 
  39. else { 
  40.     echo "Sorry, je reactie kon niet geplaatst worden."; 
  41.     } // end else          
  42.  
  43.     } // end if 
  44.  
  45.  
  46.  
  47. // kijken hoeveel reacties iedere foto heeft 
  48. $reacties; 
  49. $query = "select foto from fotosreacties where boek = '" . $_GET['boek'] . "'"; 
  50. if($result = mysql_query($query)){ 
  51.     while ($r = mysql_fetch_array($result)){ 
  52.         while ($foto = current($fotoArray)) { 
  53.                if ($foto==$r["foto"]){ 
  54.                    $key = key($fotoArray); 
  55.                    } // end if 
  56.                next($fotoArray); 
  57.             } // end while 
  58.         if(!isset($reacties[$key])){ 
  59.             $reacties[$key] = 1; 
  60.             } // end if      
  61.         else { 
  62.             $reacties[$key]++; 
  63.             } // end else      
  64.             reset($fotoArray); 
  65.  
  66.         } // end while 
  67.     } // end if      
  68. ?> 
  69.  
  70. <html> 
  71. <head> 
  72.     <title>Fotos</title> 
  73. </head> 
  74.  
  75. <body> 
  76.  
  77.  
  78. <table width="100%"><tr><td align="center" width="100%"> 
  79.  
  80. <? 
  81.  
  82.  
  83. // 1 FOTO PER PAGINA 
  84.  
  85. if((isset($_GET['fotoID'])) AND (intval($_GET['fotoID']>=0)) AND (intval($_GET['fotoID'] < $count))){ 
  86.     $showFoto = intval($_GET['fotoID']); 
  87.  
  88. echo "<table width='40%'><tr><td colspan='3' align='center'><b>" . $pathspatie . "</b> 
  89. <br><br><small>Foto " . ($showFoto + 1) . " / " . $count . "</small></big></font> </td></tr><tr>"; 
  90.  
  91. echo "<tr><td colspan='3'  align='center'><a href='" . $fotoArray[$showFoto] . "'  target='_blanc'><img src='" . $fotoArray[$showFoto] . "' height='300' border='0'></a></td></tr>"; 
  92. echo "<tr><td  width='40%'>"; 
  93. if($showFoto!=0){ 
  94.          $prevFoto = ($showFoto - 1); 
  95.          echo "<a href='" . $_SERVER['PHP_SELF'] . "?pagina=album&boek=" . $originalPath . "&fotoID=" . $prevFoto . "'>vorige</a> "; 
  96. } //  end if 
  97. echo "</td><td  width='33%'>"; 
  98. $pageNR = floor($_GET['fotoID'] / $aantalFotos); 
  99. $pageNR = $pageNR * 18; 
  100. echo "<a href='" . $_SERVER['PHP_SELF'] . "?pagina=album&boek=" . $originalPath . "&vanafFoto=" . $pageNR . "'>lijst</a> "; 
  101. echo "</td><td  align='right'>"; 
  102. if($showFoto!=($count -1)){ 
  103.          $nextFoto = ($showFoto + 1); 
  104.          echo "<a href='" . $_SERVER['PHP_SELF'] . "?pagina=album&boek=" . $originalPath . "&fotoID=" . $nextFoto . "'>volgende</a> "; 
  105. } //  end if 
  106. echo "</td></tr></table>"; 
  107.  
  108.  
  109. echo "<br><br><b>Reacties</b>"; 
  110.  
  111. $reacties; 
  112. $query = "SELECT * FROM fotosreacties where foto = '" . $fotoArray[$showFoto] . "' order by datum ASC"; 
  113. if($result = mysql_query($query)){ 
  114.     if(mysql_numrows($result)==0){ 
  115.         echo "<br><br>Er zijn nog geen reacties"; 
  116.         } // end if 
  117.     else {      
  118.         echo "<table width='40%' cellspacing='0' border='0'  cellpadding='0'>"; 
  119.         echo "<tr><td  colspan='2'><hr></td></tr>"; 
  120.         while ($r = mysql_fetch_array($result)){ 
  121.              echo "<tr><td><b>" . $r["naam"] . "</b> "; 
  122.               echo "</td><td width='40%'><small>[ " . date("d/m/Y @ H:i",$r["datum"]) . " ]</small></td><tr>"; 
  123.              echo "<tr><td  colspan='2'>" . $r["reactie"] . "</td></tr>"; 
  124.               echo "<tr><td  colspan='2'><hr></td></tr>"; 
  125.              } // end while 
  126.         echo "</table>"; 
  127.         } // end else 
  128.     } // end if 
  129.  
  130. echo "<form method='post' action=''>"; 
  131. echo "<table>"; 
  132. echo "<tr>"; 
  133. echo "<td>Naam:<br><input type='text' name='naam'></td></tr>"; 
  134. echo "<tr><td>Uw Reactie:<br><textarea name='reactie' cols='30' rows='5'></textarea><br></td></tr>"; 
  135. echo "<tr><td><input type='submit' name='submitreactie' value='Verzenden'></td></tr>"; 
  136. echo "</table>";      
  137. echo "</form>"; 
  138.  
  139.  
  140.  
  141. } // end if 
  142.  
  143. // X FOTOS PER PAGINA 
  144.  
  145. else { 
  146.  
  147. // configuratie 
  148. $clm = "3";                                                                      // Aantal kolommen 
  149.  
  150.  
  151. $countFotos = count($fotoArray); 
  152. $thumbPath = $path . "/";                                             //Path naar thumps 
  153. $path2 = $path . "/";          
  154.  
  155.  
  156.  
  157. echo "<br><table ><tr>"; 
  158.  
  159. echo "<td align='center' colspan='" . $clm . "'>"; 
  160.  
  161.  
  162. // navigatie 
  163. $navigation; 
  164. if($countFotos < ($aantalFotos + 1)){ 
  165.                $begin = 0; 
  166.                $eind = $countFotos; 
  167.  
  168. } // end if 
  169. else { 
  170.  
  171. $aantalPages =  ceil($countFotos / $aantalFotos) ; 
  172. for($i=1; $i < $aantalPages + 1; $i++){ 
  173.           $pageNR = ($i - 1) * $aantalFotos; 
  174.  
  175.           if($pageNR==$_GET["vanafFoto"]){ 
  176.            $navigation .= "<small><font color='#990000'>" . $i . "</font></small> "; 
  177.           } 
  178.             else { 
  179.             $navigation .= "<a href='?pagina=album&boek=" . $originalPath . "&vanafFoto=" . $pageNR . "'>" . $i . "</a> "; 
  180.             } 
  181. } // end for 
  182.  
  183.  
  184. if((isset($_GET['vanafFoto'])) AND (intval($_GET['vanafFoto']>=0)) AND (intval($_GET['vanafFoto'] < $countFotos))){ 
  185.         $begin = intval($_GET['vanafFoto']); 
  186.  
  187.        if(($begin + $aantalFotos) <= $countFotos){ 
  188.                      $eind = ($begin + $aantalFotos); 
  189.            } // end if 
  190.       else { 
  191.                    $eind = $countFotos; 
  192.            } // end else 
  193.  
  194. } // end if 
  195. else { 
  196.      $begin = 0; 
  197.      $eind = $aantalFotos; 
  198. } // end else 
  199.  
  200. $countFotos = count($fotoArray); 
  201.  
  202.  
  203.                                                  // path naar echte foto 
  204.  
  205. } // end else 
  206.  
  207. echo "<table border='0' cellpadding='0' cellspacing='2'><tr><td ><b>" . $pathspatie . "</b> <small>(" . $count . ")</small> 
  208. <br><br><center><small>Pictures " . ($begin + 1) . " - " . $eind . "</small></center></td></tr></table>"; 
  209.  
  210.  
  211.  
  212. if(($begin - $aantalFotos) >= 0){ 
  213.              $navigation = "<a href='" . $_SERVER['PHP_SELF'] . "?pagina=album&boek=" . $originalPath . "&vanafFoto=" . ($begin - $aantalFotos) . "'><</a> " . $navigation;              
  214.     } // end if 
  215.  
  216.  
  217. if(($begin + $aantalFotos) < $count){ 
  218.              $navigation .= " <a href='" . $_SERVER['PHP_SELF'] . "?pagina=album&boek=" . $originalPath . "&vanafFoto=" . ($begin + $aantalFotos) . "'>></a>";              
  219.    } // end if 
  220.  
  221. echo $navigation . "<br><br>"; 
  222. echo "</td></tr><tr>"; 
  223. $fotonr = 1; 
  224. for($i=$begin; $i < $eind; $i++){ 
  225.  
  226.  
  227. $thumb = str_replace($path2, $thumbPath, $fotoArray[$i]); 
  228.  
  229.  
  230.     echo "<td align='center'><a href='" . $_SERVER['PHP_SELF'] . "?pagina=album&boek=" . $originalPath . "&fotoID=" . $i . "'><img border='0' src='" . $thumb . "' height='100'><br>"; 
  231. echo "<small>reacties ("; 
  232. if($reacties[$i]==0){ 
  233.     echo "0"; 
  234.     } // end if 
  235. else { 
  236.     echo $reacties[$i]; 
  237.     } // end else      
  238. echo ")</small>"; 
  239. echo "</a></td>"; 
  240.     $fotonr++; 
  241.     if($fotonr == ($clm + 1)){ 
  242.     echo "</tr>\n<tr>"; 
  243.      $fotonr = 1; 
  244. } // end if 
  245.  
  246.  
  247.  
  248.  
  249. } // end for 
  250. echo "</tr>"; 
  251.  
  252. echo "<td align='center' colspan='" . $clm . "'>"; 
  253.  
  254. echo $navigation; 
  255.  
  256. echo "</td></tr><tr>"; 
  257.  
  258. echo "</table>";    
  259.  
  260. } // end else if 
  261. } // end if 
  262. else { 
  263.     echo "Dit fotoalbum bestaat niet"; 
  264.     } // end else 
  265. ?> 
  266. </td></tr></table> 
  267.  
  268. </body> 
  269. </html>
Download code! Download code (.txt)

 Stemmen
Niet ingelogd.

 Reacties
Post een reactie
Lees de reacties (15)
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.206s