Jquery + carga imágenes base datos!

[NnikoO]

Hola gente, me contrataron para la programación de un sitio web. Y uno de los puntos consiste en un sistema de carga de fotos para el administrador.
Del lado del cliente, en la sección de las fotos, aparece el nombre de las diferentes categorías en donde están cargadas, y al seleccionar una, se abre una ventana modal, en donde se deberían mostrar todas las fotos pertenecientes a dicha categoría.
Esto ultimo lo probé con fancybox y anda de maravillas, pero nombrando foto por foto en el código, es decir:

Enlace que llama a la galería:

Código HTML:

<a id="galeria" href="javascript:;" ><img  src="./images/imagen.jpg" /></a>
 

Código que muestra las fotos:

Código Javascript:

<script type="text/javascript">
$(document).ready(function(){
 
 $("#galeria").click(function() {
        $.fancybox([
            './images/1.jpg',
            './images/2.jpg',
            './images/3.jpg',
        './images/4.jpg',
        './images/5.jpg',
        './images/6.jpg',
        
           
           ], {
            'padding'           : 0,
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'type'              : 'image',
            'changeFade'        : 0
        });
    })
});
</script>
 

Quisiera saber como hacer que en el punto donde nombro manualmente todas las fotos que se deben mostrar, haga una conexión con la base de datos y muestre solo las fotos que pertenecen a la categoría?

Espero que puedan ayudarme, muchas gracias de antemano.
Abrazo, y felices pascuas!

<< niko >>

[elarrieux]

Hola!

Si, se puede.

Que vas a usar? ASP, PHP?

Sds.

[NnikoO]

Hola elarrieux! uso php.

[elarrieux]

Hola!

La idea seria algo asi:

Código PHP:

  <?php
$query = "SELECT foto FROM Categorias";

$result = mysql_query($query) or die(mysql_error());

$fotos = "";

while($row = mysql_fetch_array($result)){
    $fotos = $fotos . "'./images/". $row['foto'] ."',";
}
?>
<script type="text/javascript">
$(document).ready(function(){
 
 $("#galeria").click(function() {
        $.fancybox([<?php echo $fotos; ?>], {
            'padding'           : 0,
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'type'              : 'image',
            'changeFade'        : 0
        });
    })
});
</script>  

Espero te sirva.

Sds.