Ver el código de «Ejemplo de galeria dinamica»

<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > 
    <link rel='stylesheet' id='camera-css'  href='galeria2/css/camera.css' type='text/css' media='all'> 
    <style>
		body {
			margin: 0;
			padding: 0;
		}
		a {
			color: #09f;
		}
		a:hover {
			text-decoration: none;
		}
		#back_to_camera {
			clear: both;
			display: block;
			height: 80px;
			line-height: 40px;
			padding: 20px;
		}
		.fluid_container {
			margin: 0 auto;
			max-width: 800px;
			width: 90%;
                        align:left;

		}
	</style>

    <!--///////////////////////////////////////////////////////////////////////////////////////////////////
    //
    //		Scripts
    //
    ///////////////////////////////////////////////////////////////////////////////////////////////////--> 
    
    <script type='text/javascript' src='galeria2/scripts/jquery.min.js'></script>
    <script type='text/javascript' src='galeria2/scripts/jquery.mobile.customized.min.js'></script>
    <script type='text/javascript' src='galeria2/scripts/jquery.easing.1.3.js'></script> 
    <script type='text/javascript' src='galeria2/scripts/camera.min.js'></script> 
    
    <script>
		jQuery(function(){
			
			jQuery('#camera_wrap_1').camera({
				thumbnails: true
			});

			jQuery('#camera_wrap_2').camera({
				height: '400px',
				loader: 'bar',
				pagination: false,
				thumbnails: true
			});
		});
	</script>
 
</head>
<body>
	<div class="fluid_container">
        <div class="camera_wrap camera_azure_skin" id="camera_wrap_1">
            <div data-thumb="../images/fondos/iua/thumbs/iua_diligencia_01-0001.jpg" data-src="../images/fondos/iua/originales/iua_diligencia_01-0001.jpg">
                <div class="camera_caption fadeFromBottom">
                    Por el camino del arenal...
                </div>
            </div>
            <div data-thumb="../images/fondos/iua/thumbs/iua_diligencia_01-0002.jpg" data-src="../images/fondos/iua/originales/iua_diligencia_01-0002.jpg">
                <div class="camera_caption fadeFromBottom">
                    El Mayoral y los pasajeros posando, listos para la partida.
                </div>
            </div>
			 <div data-thumb="../images/fondos/iua/thumbs/iua_diligencia_01-0003.jpg" data-src="../images/fondos/iua/originales/iua_diligencia_01-0003.jpg">
                <div class="camera_caption fadeFromBottom">
                    La familia de Giacomo Reborati lo acompaña.
                </div>
            </div>
			<div data-thumb="../images/fondos/iua/thumbs/iua_diligencia_01-0004.jpg" data-src="../images/fondos/iua/originales/iua_diligencia_01-0004.jpg">
                <div class="camera_caption fadeFromBottom">
                    En Estación La Sierra.
                </div>
            </div>
			<div data-thumb="../images/fondos/iua/thumbs/iua_diligencia_01-0005.jpg" data-src="../images/fondos/iua/originales/iua_diligencia_01-0005.jpg">
                <div class="camera_caption fadeFromBottom">
                    A galope tendido
                </div>
            </div>
			<div data-thumb="../images/fondos/iua/thumbs/iua_diligencia_01-0006.jpg" data-src="../images/fondos/iua/originales/iua_diligencia_01-0006.jpg">
                <div class="camera_caption fadeFromBottom">
                   El cuarteador.
                </div>
            </div>
			<div data-thumb="../images/fondos/iua/thumbs/iua_diligencia_01-0007.jpg" data-src="../images/fondos/iua/originales/iua_diligencia_01-0007.jpg">
                <div class="camera_caption fadeFromBottom">
                    Revisando las monturas en el arroyo El Potrero.
                </div>
            </div>
			<div data-thumb="../images/fondos/iua/thumbs/iua_diligencia_01-0008.jpg" data-src="../images/fondos/iua/originales/iua_diligencia_01-0008.jpg">
                <div class="camera_caption fadeFromBottom">
					El Mayoral y sus asistentes.
                </div>
            </div>
			<div data-thumb="../images/fondos/iua/thumbs/iua_diligencia_01-0009.jpg" data-src="../images/fondos/iua/originales/iua_diligencia_01-0009.jpg">
                <div class="camera_caption fadeFromBottom">
					Trepando hacia la cima del médano.
                </div>
            </div>
			<div data-thumb="../images/fondos/iua/thumbs/iua_diligencia_01-0010.jpg" data-src="../images/fondos/iua/originales/iua_diligencia_01-0010.jpg">
                <div class="camera_caption fadeFromBottom">
					Pasajeros caminando para alivianar la diligencia.
                </div>
            </div>
			<div data-thumb="../images/fondos/iua/thumbs/iua_diligencia_01-0011.jpg" data-src="../images/fondos/iua/originales/iua_diligencia_01-0011.jpg">
                <div class="camera_caption fadeFromBottom">
					En la cima del médano.
                </div>
            </div>
			<div data-thumb="../images/fondos/iua/thumbs/iua_diligencia_01-0012.jpg" data-src="../images/fondos/iua/originales/iua_diligencia_01-0012.jpg">
                <div class="camera_caption fadeFromBottom">
					Los caballos se refrescan en la orilla.
                </div>
            </div>
			<div data-thumb="../images/fondos/iua/thumbs/iua_diligencia_01-0013.jpg" data-src="../images/fondos/iua/originales/iua_diligencia_01-0013.jpg">
                <div class="camera_caption fadeFromBottom">
					Un alto en el camino, encabezados por el cuarteador.
                </div>
            </div>
			<div data-thumb="../images/fondos/iua/thumbs/iua_diligencia_01-0014jpg" data-src="../images/fondos/iua/originales/iua_diligencia_01-0014.jpg">
                <div class="camera_caption fadeFromBottom">
					Peludo
                </div>
            </div>
			<div data-thumb="../images/fondos/iua/thumbs/iua_diligencia_01-0015.jpg" data-src="../images/fondos/iua/originales/iua_diligencia_01-0015.jpg">
                <div class="camera_caption fadeFromBottom">
					Por la playa de Portezuelo.
                </div>
            </div>
			<div data-thumb="../images/fondos/iua/thumbs/iua_diligencia_01-0016.jpg" data-src="../images/fondos/iua/originales/iua_diligencia_01-0016.jpg">
                <div class="camera_caption fadeFromBottom">
					Caja de caudales, último vestigio de la diligencia que conserva la familia.
                </div>
            </div>


			
		
        </div><!-- #camera_wrap_1 -->
    </div><!-- .fluid_container -->
    
    <div style="clear:both; display:block; height:100px"></div>
</body> 
</html>