este es mi index
<!DOCTYPE html>
<html>
<head>
<meta name="author" content="aurnik" >
<meta http-equiv="Content-Type" content="charset=UTF-8">
<meta name="description" content="COGS187B SP14">
<title>Estilo Ejecutivo</title>
<div class="description">
</div>
<section id="photostack-2" class="photostack photostack-start">
<div>
<figure>
<a href="Modelo/mostrarImagen.php" class="photostack-img"><?php require 'Modelo/mostarGaleria.php';?>
<img src="<?php echo $ruta_base.$fila['imagen']; ?>" alt="img04" width="240" height="240" border="0"/></a>
<figcaption>
<h2 class="photostack-title"></h2>
<div class="photostack-back">
</div>
</figcaption>
</figure>
<figure data-shuffle-iteration="2">
<a href="Modelo/mostrarImagen.php" class="photostack-img"><img src="Imagenes/img/6.jpg" alt="img06"/></a>
<figcaption>
<h2 class="photostack-title">Forever this</h2>
</figcaption>
</figure>
<figure data-dummy>
<a href="Modelo/mostrarImagen.php" class="photostack-img"><img src="Imagenes/img/7.jpg" alt="img07"/></a>
<figcaption>
<h2 class="photostack-title">Lovely Green</h2>
</figcaption>
</figure>
<figure data-dummy>
<a href="Modelo/mostrarImagen.php" class="photostack-img"><img src="Imagenes/img/8.jpg" alt="img08"/></a>
<figcaption>
<h2 class="photostack-title">Wonderful</h2>
</figcaption>
</figure>
<figure data-dummy>
<a href="Modelo/mostrarImagen.php" class="photostack-img"><img src="Imagenes/img/9.jpg" alt="img09"/></a>
<figcaption>
<h2 class="photostack-title">Love Addict</h2>
</figcaption>
</figure>
<figure data-dummy>
<a href="Modelo/mostrarImagen.php" class="photostack-img"><img src="Imagenes/img/10.jpg" alt="img10"/></a>
<figcaption>
<h2 class="photostack-title">Friendship</h2>
</figcaption>
</figure>
<figure data-dummy>
<a href="Modelo/mostrarImagen.php" class="photostack-img"><img src="Imagenes/img/11.jpg" alt="img11"/></a>
<figcaption>
<h2 class="photostack-title">White Nights</h2>
</figcaption>
</figure>
<figure data-dummy>
<a href="Modelo/mostrarImagen.php" class="photostack-img"><img src="Imagenes/img/12.jpg" alt="img12"/></a>
<figcaption>
<h2 class="photostack-title">Serendipity</h2>
</figcaption>
</figure>
<figure data-dummy>
<a href="Modelo/mostrarImagen.php" class="photostack-img"><img src="Imagenes/img/13.jpg" alt="img13"/></a>
<figcaption>
<h2 class="photostack-title">Pure Soul</h2>
</figcaption>
</figure>
<figure data-dummy>
<a href="Modelo/mostrarImagen.php" class="photostack-img"><img src="Imagenes/img/14.jpg" alt="img14"/></a>
<figcaption>
<h2 class="photostack-title">Winds of Peace</h2>
</figcaption>
</figure>
<figure data-dummy>
<a href="Modelo/mostrarImagen.php" class="photostack-img"><img src="Imagenes/img/15.jpg" alt="img15"/></a>
<figcaption>
<h2 class="photostack-title">Shades of blue</h2>
</figcaption>
</figure>
<figure data-dummy>
<a href="Modelo/mostrarImagen.php" class="photostack-img"><img src="Imagenes/img/16.jpg" alt="img16"/></a>
<figcaption>
<h2 class="photostack-title">Lightness</h2>
</figcaption>
</figure>
</div>
</section>
</div><!-- /container -->
<script src="js/classie.js"></script>
<script src="js/photostack.js"></script>
<script>
[].slice.call( document.querySelectorAll( '.photostack' ) ).forEach( function( el ) { new Photostack( el ); } );
new Photostack( document.getElementById( 'photostack-2' ), {
callback : function( item ) {
console.log(item)
}
} );
</script>
</body>
</html>
y esta son mis dos paginas para mostrar carpetas diferente del las imagenes que estan en la ruta
mostarGaleria.php
<?php
include('Conection.php');
# Imágenes a mostrar por linea en la tabla
$id = 5;
$query="SELECT imagen FROM subir_imagen WHERE id = $id"; //Id de tu imagen
$resultado = mysqli_query($conexion,$query);
$fila = $resultado->fetch_assoc();
echo '<img src="' . $fila['imagen'] . '">';
?>
MostrarImagen.php
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Estilo Ejecutivo</title>
<link rel="stylesheet" type="text/css" href="../css/graf.css">
<link rel="stylesheet" type="text/css" href="../css/menu.css">
<link rel="stylesheet" type="text/css" href="../css/demo.css">
<link rel="stylesheet" type="text/css" href="../css/carousel.css">
<link rel="icon" type="Imagenes/jpg" href="../Imagenes/logo.jpg">
<link rel="stylesheet" type="text/css" href="../css/stile.css">
<link rel="stylesheet" type="text/css" href="../css/bootstrap-resposive.css">
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link href="../css/bootstrap.css" rel="stylesheet" />
<link href="../css/font-awesome.css" rel="stylesheet" />
<link href="../css/basic.css" rel="stylesheet" />
<link href="../css/custom.css" rel="stylesheet" />
<script src="../js/bootstrap.min.js"></script>
<script type="../js/jquery.slides.js"></script>
<script type="../js/jquery.slides.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="../css/default1.css" type="text/css" media="screen" />
<style>
#galeria {
margin:auto;
width:900px;
height:auto;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}
</style>
<script type="text/javascript" src="../js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="../js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
</head>
<body>
<div id="cssmenu">
<div id="logotipo">
<table>
<tr>
<td width="10%"><img src="Imagenes/LOGOS/OperadorEE.jpg"></td>
<td width="69%"> </td>
<td width="10%"><a class="text" href="Actualizar.php"> <span class="glyphicon glyphicon-repeat"></span>Actualizar Datos</a></td>
<td width="1%"></td>
<td width="10%"><a class="text" href='../close.php'><span class="glyphicon glyphicon-off"></span>Cerrar Sesión</a></td>
</tr>
</table>
</div>
</div>
<header>
<nav>
<ul id="ejm2">
<li><a class="active-menu" href="index.php"><i class="fa fa-home">   </i>Inicio</a></li>
<li><a class="active-menu" href=eventos.php">Eventos</a></li>
<li><a class="active-menu" href="nomina.php">Nomina</a></li>
<li><a class="active-menu" href="Documentacion.php">Biblioteca</a></li>
<li><a class="active-menu" href=Galeria.php">Galeria</a></li>
</ul>
</nav>
</header>
<div id="galeria">
<div id="slider" class="nivoSlider">
<?php
include'Conection.php';
$ruta = "../Imagenes/album/";// Indicar ruta
# Imágenes a mostrar por linea en la tabla
$dirint = dir($ruta);
$filehandle = opendir($ruta); // Abrir archivos
while ($file = readdir($filehandle)) {
if ($file != "." && $file != "..") {
$tamanyo = GetImageSize($ruta . $file);
echo '<img src="'.$ruta."/".$file.' ">'."\n";
}
}
?>
</div>
</div>
</body>
</html>
este lo tengo convetido en un slider que cuando entre al album me muestre en un slide las fotos