login  Naam:   Wachtwoord: 
Registreer je!
 Scripts:
Scripts > PHP > Foto gallerijen > Foto Album

Foto Album

Auteur: webbiexl - 31 augustus 2004 - 19:47 - Gekeurd door: Dennisvb - Hits: 57753 - Aantal punten: 3.98 (24 stemmen)





Dit is een perfect foto album dat ik flink verbeterd heb. Het origineel is van Ward Roeffen, dat je het ff weet.

Functies van het Album.
Het album bestaat uit 2 delen.
- album.php
- albumlist.php

- albumlist.php
Dit is de pagina die je include op je indexpagina. Ward had op zijn homepage een soort gelijk iets staan alleen had hij dit niet bij zijn script gezet. Dus ik heb dit nagemaakt, omdat hij een overzichtelijke pagina in elkaar had gezet en daar nix mis mee was.
Deze pagina verwijst naar de verschillende albums (mappen), en komt vervolgens uit op album.php waarover ik het volgende uit te leggen heb.

- album.php
In het album van ward zaten een paar kleine dingen die eruit of er juist in moesten.
Zo ontbrak er een database connectie en moest je special thumbnails aanmaken. Dit heb ik onderandere veranderd zodat het script completer wordt.

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 moet doen om die op te roepen is de link te veranderen in albumlist.php.

Dit gaat als volgt

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="?page=album&boek=album1">Foto's bekijken</a>


Verander in de link hier boven 'album1' in de naam van je map. Wil je bijvoorbeeld
'mijn verjaardag' als naam hebben noem dan de map 'mijn_verjaardag'. Het script zet _ automatisch om in spaties

album.php verwerkt, dankzij veranderingen, alle foto's in de geplaatste mappen tot thumbnails. Deze thumbnails dienen als link om naar de foto zelf te gaan.
Ook kan je onder elke foto reacties plaatsen, maar dan moet je wel eerst even deze tabel aanmaken.

php code - Bekijk de code zonder highlighting - Klap code in 
  1. CREATE TABLE fotosreacties (
  2. id int(11) NOT NULL auto_increment,
  3. boek varchar(60) NOT NULL default '',
  4. foto varchar(60) NOT NULL default '',
  5. naam varchar(30) NOT NULL default '',
  6. datum int(11) NOT NULL default '0',
  7. reactie text NOT NULL,
  8. PRIMARY KEY (id)
  9. ) TYPE=MyISAM;


Ik hoop dat jullie er gebruik van zullen maken en laat ff weten wat je er van vindt!

grtz Webbie XL

Code:
albumlist.php

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2.  
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
  5. <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
  6. <meta name="ProgId" content="FrontPage.Editor.Document">
  7. <title>Foto Album</title>
  8. </head>
  9.  
  10. <body>Foto's<br>
  11. <table cellspacing="0" border="0" cellpadding="0" width="90%">
  12. <tr><td colspan="2"><hr></td></tr>
  13. <tr>
  14.        <td rowspan="2" align="center" width="200"><a href="album.php?page=album&boek=album1"><img src="" height="100" alt="Album 1" border="0"></a></td>
  15.        <td valign="top"><font face="Arial" size="2">Album 1<br>
  16.         </font><font face="Arial" size="1">Foto's van bijvoorbeeld je schoonmoeder.</font><br>
  17.      </td>
  18. </tr>
  19. <tr>
  20.        <td valign="bottom"><a href="album.php?page=album&boek=album1">Foto's bekijken</a></td>
  21. </tr>
  22. <tr><td colspan="2"><hr></td></tr>
  23. <tr>
  24.        <td rowspan="2" align="center" width="200"><a href="album.php?page=album&boek=album2"><img src="" height="100" alt="Album 2" border="0"></a></td>
  25.        <td valign="top"><font face="Arial" size="2">Album 2<br>
  26.         </font><font face="Arial" size="1">Foto's van bijvoorbeeld je zomervakantie.</font><br>
  27.      </td>
  28. </tr>
  29. <tr>
  30.        <td valign="bottom"><a href="album.php?page=album&boek=album2">Foto's bekijken</a></td>
  31. </tr>
  32. <tr><td colspan="2"><hr></td></tr>
  33.  
  34.  
  35. </table>
  36.  
  37.  
  38. </body>
  39.  
  40. </html>


album.php

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

 Bekijk een voorbeeld van dit script!
 Stemmen
Niet ingelogd.

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