Corregido
, ya la porbe en mi pc y funciona bien ahora.
Los archivos que están en los scripts los obtuve de:
http://mootools.net/forge/p/the_wall Código PHP:
<?
/*conexion base de datos*/
$database = "BASE DE DATOS";
$table = "TABLA";
$mysql_connect = mysql_connect("localhost","USUARIO","PASSWORD");
$mysql_selectdb = mysql_select_db($database, $mysql_connect);
/*consulta a la base de datos*/
$consulta_filtro = mysql_query("SELECT ID FROM ".$table." WHERE ojos='marrones'");
$photo_id = array();
while( $row = mysql_fetch_array($consulta_filtro))
$photo_id[] = $row["ID"];
?>
<script src="mootools-core-1.3.1.js" type="text/javascript" charset="utf-8"></script>
<script src="mootools-more-1.3.1.1.js" type="text/javascript" charset="utf-8"></script>
<script src="wall.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" language="javascript">
window.addEvent("domready", function(){
var foo = <?PHP echo json_encode($photo_id); ?>;
var maxLength = foo.length; // Max Number images
var contadorImagenes = 0;
var mosaicoImagenes = new Wall("wall", {
"width":150,
"height":150,
callOnUpdate: function(items){
items.each(function(e, i){
var a = new Element("img[src=images/"+foo[contadorImagenes]+".jpg]");
a.inject(e.node).fade("hide").fade("in");
contadorImagenes++;
// Reiniciar contador
if( contadorImagenes == maxLength ) contadorImagenes = 0;
})
}
});
// Init Wall
mosaicoImagenes.initWall();
});</script>
<div id="viewport">
<div id="wall"></div>
</div>
Cualquier duda me preguntas :).