Ir para conteúdo
Fórum Script Brasil
  • 0

Transformar exibição de galeria do fotos como num blog

Maurilio25

Perguntado por Maurilio25,

 Share

Pergunta

Maurilio25

Maurilio25

Postado
Postado

Olá pessoal... Gostaria de uma força num script... Gostaria de fazer uma modificação no script da GALERIA DE FOTOS...

Gostaria de exibir as imagens tamanho 550x400px, UMA ABAIXO DA OUTRA, igual um blog,, por exemplo: 50 fotos por página....

O script atual que tenho exibe as imagens em javascript (a foto principal em cima, maior, e as demais em miniaturas)...

O que parece aparentemente simples para mim está complicado pois estou iniciandoagora em PHP...

Segue o código para análise,,, Agradeço a atenção de quem ler este post e qualquer ajuda será bem vinda...

<? 
    $GalPP =20;
    $dados = db_lista(db_consulta("    SELECT *,DATE_FORMAT(data,'%d/%m/%Y') as data1
                                    FROM tbgalerias 
                                    WHERE id_galeria=".(int)$_GET['id']));
    
    $dados['qtfotos'] = db_linhas(db_consulta("SELECT id_foto FROM tbgalerias_fotos WHERE flag_status=1 AND id_galeria=".$dados['id_galeria']));
    db_consulta('UPDATE tbgalerias SET contador=contador+1 WHERE id_galeria='.(int)$dados['id_galeria']." LIMIT 1");
?>
<script type="text/javascript" src="../js/galeria.js"></script>
<!--Site geral Interno-->
<div class="bc-interna">
    
    <div class="tituloInterna"><span><h2 id="fotos">Foto</h2></span></div>
    <div class="contInterna">
    
        <div id="dados_foto">
            <table border="0" width="100%" cellspacing="0" cellpadding="0">
                <tr>
                    <td align="left" valign="top">Portólio: <strong><?=$dados['titulo'];?></strong></td>
                    <td align="left" valign="top">Trabalhos: <strong><?=$dados['qtfotos']?></strong></td>
                </tr>
            </table>
&nbsp;</div>    
            
        <div id="galfoto"></div>
        <div id="galminiaturas"></div>   
        
        
        
        <!-- Inicialização da Galeria -->
        <script language="javascript">
            <? $paginas = (  ((int)$dados['qtfotos'] % (int)$GalPP) > 0) ? (int)(((int)$dados['qtfotos'] / (int)$GalPP) +1) : ((int)$dados['qtfotos'] / (int)$GalPP); ?>
               galeriaStart(<?=$GalPP;?>,<?=$dados['id_galeria'];?>, <?=$dados['qtfotos'];?>, <?=$paginas;?>);
        
            // Setas do teclado
            document.onkeydown = function keyPress(evt){
                var keyCode = document.layers ? evt.which : document.all ? event.keyCode : document.getElementById ? evt.keyCode : 0;
                if ( keyCode == 39 ) { galeriaProxFoto(); }
                if ( keyCode == 37 ) { galeriaAnteFoto(); }
            }
        </script>
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            <? /*
            <p>
                <b><?=diadasemana($dados['diadasemana']+1);?>,&nbsp;<?=$dados['dia'];?> de <?=mesdoano($dados['mesdoano']);?>&nbsp;<?=$dados['ano']?></b><br />
                <span><? //= $dados['local'];?></span>
                
            </p>
            <h3><?=$dados['titulo'];?></h3>
        
            <? /*
            <div id="bc-geleria">
                
                
                <div id="galfoto"></div>
                <div id="galminiaturas"></div>   
                
                
                
                <!-- Inicialização da Galeria -->
                <script language="javascript">
                    <? $paginas = (  ((int)$dados['qtfotos'] % (int)$GalPP) > 0) ? (int)(((int)$dados['qtfotos'] / (int)$GalPP) +1) : ((int)$dados['qtfotos'] / (int)$GalPP); ?>
                       galeriaStart(<?=$GalPP;?>,<?=$dados['id_galeria'];?>, <?=$dados['qtfotos'];?>, <?=$paginas;?>);
                
                    // Setas do teclado
                    document.onkeydown = function keyPress(evt){
                        var keyCode = document.layers ? evt.which : document.all ? event.keyCode : document.getElementById ? evt.keyCode : 0;
                        if ( keyCode == 39 ) { galeriaProxFoto(); }
                        if ( keyCode == 37 ) { galeriaAnteFoto(); }
                    }
                </script>
                <div class="limpar"></div>
            </div> 
            */?>
          
          
          
        <div class="limpar"></div>    

        <? 
            $consulta = db_consulta("SELECT * ,DATE_FORMAT(data, '%d/%m/%Y') as data1 FROM tbgalerias WHERE flag_status=1 AND id_galeria<>".(int)$dados['id_galeria']." ORDER BY data DESC LIMIT 6");    
            if(db_linhas($consulta)>0){
        ?>
        <div class="tituloOutros"><h3>VEJA TAMBÉM</h3><a title="Veja Mais" href="?p=fotos">Veja Mais</a></div>
        <ul>
            <? $i=0; while($linha = db_lista($consulta)){$i++; ?>
            <li class="lista_agenda" style="background:#<? if (($i%2)==0) echo 'f0f0f0'; else echo 'f7f7f7'; ?>">
                <?=$linha['data1'];?> - <a href="?p=foto&id=<?=$linha['id_galeria'];?>"><b><?=$linha['titulo'];?></b></a>
            </li>
            <? }?>
        </ul>
        <? }?>























    
        <div class="limpar"></div>
    </div>
    <? include'../paginas/botoes.php';?>
</div>

Link para o comentário
Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

  • 0
Maurilio25

Maurilio25

Postado
  • Autor
Postado

O código exibe as fotos em java script: a imagem de capa (principal) e logo abaixo as ministuras...

No banco de dados, há os seguites campos:

id_foto id_galeria imagem legenda contador posicao flag_status

As imagens são gravadas na pasta

arquivos/galeria

Gostaria de eliminar esse javaScript e colocar um código de exibição simples, que exibisse as fotos gravadas na pasta arquivos/galeria, como num blog (uma abaixo da outra)...

Link para o comentário
Compartilhar em outros sites
  • 0
Danilo Moraes

Danilo Moraes

Postado
Postado

Para mostrar uma abaixo da outra, simplesmente faça o php dar um echo com a tag img e no src tu coloca o caminho de cada imagem. Percorre todas as imagens de um diretório e com um loop cria várias tags img.

Sobre mostrar em uma única coluna, tu pode fazer com CSS. Faz essa primeira parte que quando estiver funcionando te ajudo com o CSS.

Abraço

Link para o comentário
Compartilhar em outros sites
  • 0
Maurilio25

Maurilio25

Postado
  • Autor
Postado

Danilo... Limpei o javascript... Fiz dessa forma a pagina HTML mas ainda não está exibindo,,, Poderia verificar ?

<?
    $dados = db_lista(db_consulta("    SELECT *,DATE_FORMAT(data,'%d/%m/%Y') as data1
                                    FROM tbgalerias
                                    WHERE id_galeria=".(int)$_GET['id']));

    $dados['qtfotos'] = db_linhas(db_consulta("SELECT id_foto FROM tbgalerias_fotos WHERE flag_status=1 AND id_galeria=".$dados['id_galeria']));
    db_consulta('UPDATE tbgalerias SET contador=contador+1 WHERE id_galeria='.(int)$dados['id_galeria']." LIMIT 20");
?>



echo '<img src="../arquivos/galeria/<?=$dados2['codigo'];?><?=$foto['id_foto'];?>"/.jpg>';

Link para o comentário
Compartilhar em outros sites
  • 0
Maurilio25

Maurilio25

Postado
  • Autor
Postado (editado)

As imagens do banco de dados estão arquivadas na pasta ARQUIVOS/GALERIA (por sua vez, as fotos estao dentro de outras pastas especificadas no banco de dados)...

Consegui listar as imagens com o código abaixo (mas não consegui que abrisse as imagens da pasta da galeria especificada no banco de dados)... Acredito que dando uma mexida no codigo onde pede o nome da pasta abriria correto... alguém poderia verificar onde errei e me mostrar como apontar o diretorio das fotos no código? 

<?
    $dados = db_lista(db_consulta("    SELECT *,DATE_FORMAT(data,'%d/%m/%Y') as data1
                                    FROM tbgalerias
                                    WHERE id_galeria=".(int)$_GET['id']));

    $dados['qtfotos'] = db_linhas(db_consulta("SELECT id_foto FROM tbgalerias_fotos WHERE flag_status=1 AND id_galeria=".$dados['id_galeria']));
    db_consulta('UPDATE tbgalerias SET contador=contador+1 WHERE id_galeria='.(int)$dados['id_galeria']." LIMIT 20");
?>


<table width="685" border="0" cellspacing="0">
        <tr>
          <td height="21" valign="top"><?
$dir="../arquivos/galeria/"; //nome da pasta que ira listar
$handle = opendir($dir);// abrindo a pasta
while ($res=readdir($handle)){//lendo o conteudo dela para ser listado
$ext=explode(".",$res);// pegando a extenção das imagens da pasta imagens
echo ($ext[count($ext)-1]=="jpg") ? "<a href='$dir$res'><img src='$dir$res' border='0' width='400' height='300'></a><br><br>
        " : "";// imprimindo as imagens do diretorio na tela
}
?></td>
        </tr>
        <tr>
          <td width="268">
        </tr>
  </table>

Editado por Maurilio25
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,4k
    • Posts
      652,2k
×
×
  • Criar Novo...