StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>Very simple auto gallery script, photos.php:</p> <pre><code><?php function getDirTree($dir,$p=true) { $d = dir($dir);$x=array(); while (false !== ($r = $d->read())) { if($r!="."&&$r!=".."&&(($p==false&&is_dir($dir.$r))||$p==true)) { $x[$r] = (is_dir($dir.$r)?array():(is_file($dir.$r)?true:false)); } } foreach ($x as $key => $value) { if (is_dir($dir.$key."/")) { $x[$key] = getDirTree($dir.$key."/",$p); } } ksort($x); return $x; } $tree = getDirTree("./foto/"); echo '<div id="gallery">'; echo '<ul class="linone">'; foreach($tree as $element => $eval) { if (is_array($eval)) { echo '<li><h4>'.$element.'</h4>'; echo '<ul class="linone photos">'; foreach($eval as $file => $value) { if (strstr($file, "jpg")) { $file = 'foto/'.$element.'/'.$file; echo '<li><a href="'.$file.'"><img src="'.$thumb.'" alt="'.$thumb.'"/></a></li>'; } } echo '</ul>'; echo '</li>'; } } echo '</ul>'; echo '</div>'; </code></pre> <p>Also I use the lightbox jQuery plugin to make this gallery comfortable to view.</p> <p>And also managing photos for this page is very-very simple - you just need to upload .jpg files to your photos directory ('/foto/', for this example).</p> <p>index.php:</p> <pre><code><!DOCTYPE html> <html> <head> <title>My Gallery</title> </head> <body> <?php require_once('photos.php') ?> </body> </html> </code></pre> <p>This file will include photos.php file and runs it, output of photos.php script will come between tags.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload