Galeria de fotos

[Heltinhu]

Olá galera bom não tenho certeza de estar no lugar certo porém se eu não estiver por favor me remanejem OK valeu!!!

Bom vamos a dúvida. Eu baixei uma galeria de fotos com Jquery e agora preciso integrar esta galeria com meu banco de dados mysql eu até consegui um pouco eu acho rsrs.

Bom pelo menos até agora acho que sim.

Deem uma olhadinha no que fiz até agora e vejam se conseguem me dar uma forcinha...

Este é o Script onde tem que tem que ser mudado

<script> 

$(document).ready(function() {    

    //select all the a tag with name equal to modal
    $('#left_boxes img').click(function(e) {
        //Cancel the link behavior
        e.preventDefault();
        var imgID = $(this).attr('id');
        //Get the A tag
        var id = $(this).attr('src');
    
        //Get the screen height and width
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();
    
        //Set heigth and width to mask to fill up the whole screen
        $('#mask').css({'width':maskWidth,'height':maskHeight});
        
        //transition effect        
        $('#mask').fadeIn(200);    
        $('#mask').fadeTo("slow",0.8);    
    
        //Get the window height and width
        
        var winH = $(window).height();
        var winW = $(window).width();
              
        //Set the popup window to center
        $("#dialog2").css('top',  winH/5-$("#dialog2").height()/5);
        $("#dialog2").css('left', winW/2-$("#dialog2").width()/2);
    
        //transition effect
        $("#dialog2").fadeIn(500); 
        $("#showImage").html('<img src="'+id+'" id="'+imgID+'" width="500" height="340" />');
    
    });
    
    // next
    $('#next').click(function(e) {
        
        var id = $('#showImage img').attr('id');
        
        if($("#left_boxes").find('img').length == id)
        id = 1;
        else
        id = parseInt(id)+parseInt(1);
        
        $("#showImage").html('');
        $("#showImage").html('<img src="../Novo_portal/admin/galeria_empresas/fotos/'+id+'.jpg" id="'+id+'" width="500" height="340" />').fadeIn(700); 
        
    });
    
    // prev
    $('#prev').click(function(e) {
        
        var id = $('#showImage img').attr('id');
        
        if(id == 1)
        id = 12;
        else
        id = parseInt(id)-parseInt(1);
        
        $("#showImage").html('');
        $("#showImage").html('<img src="../Novo_portal/admin/galeria_empresas/fotos/'+id+'.jpg" id="'+id+'" width="500" height="340" />').fadeIn(700); 
        
    });
    
    //if close button is clicked
    $('.window #hide').click(function (e) {
        //Cancel the link behavior
        e.preventDefault();
        $('#mask').hide();
        //$('#mask').hide();
        $('.window').hide();
    });        
    
    //if mask is clicked
    $('#mask').click(function () {
        $(this).hide();
        $('.window').hide();
    });            
    
});

</script>

Bom galera e esse é o meu codigo PHP que realiza a consulta em meu banco de dados e me retorna as fotos que estão na pasta especificada

<?php

include("../Novo_portal/admin/config/configdb.php");

$sql="select * from galeria_empresas";

$resultado = mysql_query($sql) or die("A consulta falhou");

while ($linha = mysql_fetch_assoc($resultado)) {
    $id    = $linha["id"];
    $imagem = $linha["imagem"];
    $legenda = $linha["legenda"];
?>

<div id='left_bar'>
    <div id='left_boxes'>
            <?php print '<img src="../Novo_portal/admin/galeria_empresas/fotos/'.$imagem.'" width="120" height="100" id="1">'; ?>
    </div>
</div>
<?php
}
?>

Como podem ver ele faz uma consulta em meu banco de dados na minha tabela GALERIA_EMPRESAS e me retorna todas as fotos dentro da pasta FOTOS.

O problema é o seguinte - na hora que eu clico na imagem que veio do meu banco de dados o <script> aplica os efeitos na foto porém quando eu clico pra ir para a próxima foto ele pega as fotos com o nome 1 até o 12.jpg conforme esta parte aqui...

if(id == 1)

id = 12; no script acima.

Como faço para passar os dados que veio do meu banco de dados para esta parte assim ao invés de ele pegar a foto 1.jpg - 2.jpg - 3.jpg que é o nome das fotos, ele pegará o nome das fotos que estão cadastradas em meu banco.

Eu baixei esta galeria daqui - site para baixar galeria de fotos se puderem dar uma olhadinha eu agradeço

No aguardo....