14 replies to this topic

[André Cristhian]

Estou Criando uma Galeria de imagens em Light Box (Álbum de fotos)

O meu código está basicamente assim:

<div id="galeria">
     <a href="admin/upload_imagens/<? echo $dados['imagens']; ?>" rel="lightbox[galeria]" title="<? echo $titulo_cat; ?> - <? echo $cidade_cat; ?>">
            
         <img src="admin/upload_imagens/capa/<? echo $capa_cat; ?>" alt="" />
                
         <span><? echo $titulo_cat; ?> - <? echo $cidade_cat; ?></span>

      </a>
</div>

No caso estou em dúvida como farei para exibir as imagens Cadastrado no banco dentro do A href="" para que exiba todas as imagens referentes ao álbum quando a pessoa clicar.

To quebrando a cabeça a dias e não tive solução ainda.

Obrigado!

Edição feita por: André Cristhian, 10/05/2012, 10:36.

[Diego Bezerra]

Ola olha ai se e isto que vc quer ?

http://agenciakernel...oVer&event_id=2

[André Cristhian]

Basicamente sim, mais eu já tenho o light box funcionando certinho estou
querendo entender como farei para funcionar.

A galeria de imagens vem direto do BD, criei 2 tabela uma com os dados:
Tabela: categoria_album
id_album
ttulo
cidade
capa


E a outra para o upload das imagens com a tabela:
Tabela: album
id
id_album (imagens referente álbum)
imagens


Ai no caso gostaria de saber como poderia fazer para exibir essas imagens da tabela "album" dentro do lightbox quando o cara clicasse. Entendeu ?

Obrigado pela força!

[Diego Bezerra]

Opa la no meu caso eu crio uma pasta com o id da galeria e exibo...

[André Cristhian]

Ontem eu tava vendo sobre fazer um incremente que funcionaria, mais não to num
nível tão avançado assim entretanto não entendi como poderia fazer.

Sobre a criação de pasta achei uma boa.

Tem alguma outra solução ?

[Diego Bezerra]

OLHA O CODIGO DAQUELE QUE EU TE PASSEI

<div class="siteConteudo">
<div class="col_w900">
                        <?php try {
    $resultEventos = $db->translatedQuery("SELECT * FROM `$tabelaEventos` WHERE event_id='".KRequest::get('event_id','integer')."'");
    $resultEventos->tossIfNoRows();
    foreach ($resultEventos as $rowEvento) {
		titulo($rowEvento['nome'].' - '.$titulo_site);
?>
        

<table width=579 border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><font size="6" face="Trebuchet MS" color="#1E4B7A"><?php echo $rowEvento['nome']?></font></td>
    </tr>
  <tr>
    <td width="579">
      <p><font size="2" face="Trebuchet MS"><b>Local:</b> <font size="2" face="Trebuchet MS" color="#666666"><?php echo $rowEvento['local']?></font></font><br>
        <font size="2" face="Trebuchet MS"><b>Data:</b><font size="2" face="Trebuchet MS" color="#666666">
          <?php $data1 = new KDate($rowEvento['data1']);	$new_data1 = $data1->modify('Y-m-d');$novaData1 = $data1->format('d-m-Y');echo $novaData1 ?></font>
          </font><font size="2" face="Trebuchet MS" color="#000000"><br>
          <b>Descrição:</b></font><font size="2" face="Trebuchet MS" color="#666666"><?php echo $rowEvento['descricao']?></font><br>
        
      </p>
      <p>&nbsp;</p></td>
  </tr>
  <tr>
    <td><!-- exibindo a galeria apartir daqui-->
    <div class="col_w900 col_w900_last">
            <div id="gallery">
                <ul><?php
				$scaneDiretorio = new KDirectory($eventos_fotos_absoluto.KRequest::get('event_id','integer')); 
				foreach($scaneDiretorio->scan() as $images){					
				?>
                <li>
       <a href="<?php echo $eventos_fotos.KRequest::get('event_id','integer').'/'.$images?>"  rel="lightbox[roadtrip]" title="<?php echo $rowEvento['descricao']?>">
       <img src="<?php echo $eventos_fotos.KRequest::get('event_id','integer').'/'.$images?>" alt="<?php echo $rowEvento['nome']?>" />
       </a>
                </li> 
				<?php }?>                 
                </ul>  
                <div class="cleaner"></div>
            </div>
            
            <div class="cleaner"></div>
		</div>
        </td>
  </tr>
  <tr>
    <td>
      
      </td>
    </tr>
  <tr>
    <td></td>
  </tr>
</table>

            


    
  <?php  		}
	} catch (fNoRowsException $e) {
    ?>
<p>Não foi encontrado</p>
    <p>
      <?php }?>
  </div>
  </div>

[calcio]

Tenho uma dúvida tb sobre o Lightbox.

Estou fazendo um filtro tudo com AJAX várias combos e categorias diferentes. Ate aí blz.
Qnd de fato faço o submit com o AJAX eu jogo para um arquivo .php e ele retorna os dados em tipo HTML para a DIV que desejo.

Nesse arquivo que faço de fado a pesquisa e que retorna os dados tenho a chamada do lightbox. A dúvida é. Todas as chamadas no jQuery, lightbox, CSS e dos JS devem estar nesse arquivo como se fosse um arquivo q ñ fosse acessado via ajax?

Estou tentado criar uma galeria de foto mas ñ está funcionando.

[Allex Severino]

Bem... Para abrir a galeria ele da um refresh na página? Se sim, as chamadas do plugin pode estar só na página que recebe as imagens que serão exibidas no plugin.

[calcio]

Bem... Para abrir a galeria ele da um refresh na página? Se sim, as chamadas do plugin pode estar só na página que recebe as imagens que serão exibidas no plugin.

Acho q ñ. Tudo é feito com jQuery + AJAX. o Senário + real seria. depois de todos os filtros da busca preenchidos qnd mando pesquisar ele faz o a requisição via AJAX pelo jQuery, o arquivo que roda a consulta é o resultado.php (por exemplo) ele retorna o HTML para div da página q fez a requisição AJAX.

Atualmente o jQuery, JS do lightbox, css do lightbox estão no arquivo que faz a chamada para o resultado.php.

[Allex Severino]

Então eu faria um arquivo scripts.js e colocaria nele tudo que é executação de funções jquery. Ficaria embaixo de todas as chamas principais de plugin jquery. Tudo isso dentro da tag head. Ai não teria problema ao executar o plugin, veja um exemplo:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="lightbox.js"></script>
<script type="text/javascript" src="scripts.js"></script>

scripts.js

$(document).ready(function(){

// lightbox

// Outro plugin

// E outro

});

E assim o código fonte fica mais organizado.

[calcio]

Então eu faria um arquivo scripts.js e colocaria nele tudo que é executação de funções jquery. Ficaria embaixo de todas as chamas principais de plugin jquery. Tudo isso dentro da tag head. Ai não teria problema ao executar o plugin, veja um exemplo:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="lightbox.js"></script>
<script type="text/javascript" src="scripts.js"></script>

scripts.js

$(document).ready(function(){

// lightbox

// Outro plugin

// E outro

});

E assim o código fonte fica mais organizado.

Até aí blz ja está assim. Só q ñ funciona de como no exemplo que tenho. Vou ter q gastar umas horas testando isso. Pq atualmente a maior parte está no arquivo q faz o AJAX e outra parte na que responde para o arquivo q faz o AJAX.

como são poucas horas talvez use o modo tradicional msm. :s

[Allex Severino]

Se estiver com erro post aqui um link para podermos analisar melhor código.

[calcio]

Se estiver com erro post aqui um link para podermos analisar melhor código.

Erro msm ñ dá oq acontece q ele abre a imagem como se fosse um link normal. rs Ou seja, ignora completamente o jQuery e CSS. rs

[Allex Severino]

Ele não está achando o plugin. Se tiver um link para analisarmos.

[calcio]

Ele não está achando o plugin. Se tiver um link para analisarmos.

Por enquanto está só local. Estou é tentando apagar um incêndio rs. Todo na pressa. Aí complica. tenho 4h pra terminar isso hj.