Exibir imagem de pasta e mostrar imagem ao clicar.

JohnathanMoura157 · Julho 25, 2014

eu tenho esse código para abrir imagem da pasta!

agora eu gostaria de saber como eu posso exibir a imagem ao clicar ( abrir uma janela ).

é possível fazer isso com esse código ???

<body>
    <?php
        $caminho = "fotos/";
        $img = glob($caminho.'*.jpg');
        $contador = count($img);
        
        $loopHorizontal = 4;
        $cont = 1;
    ?>
    <table>
           <tr>
        <?php    
        for($i = 0; $i < $contador; $i++){
            if($cont < $loopHorizontal){
        ?> 
             <td><img src="<?php echo $img[$i]; ?>"  width="251" height="230" title="" /> </td>
            <?php
            }
            elseif($cont = $loopHorizontal){
            ?>       
                <td><img src="<?php echo $img[$i]; ?>" width="251" height="230" title="" /></td>
                
                
                </tr>
                <tr>
                <?php
                $cont = 0;
            }
            $cont++;
        }
        ?>
        </tr>
       
    <table>
</body>
</html>

victorqueiroz · Julho 25, 2014

Basta você lincar a imagem :)

<body>
<?php
$caminho = "fotos/";
$img = glob($caminho.'*.jpg');
$contador = count($img);

$loopHorizontal = 4;
$cont = 1;
?>
<table>
<tr>
<?php 
for($i = 0; $i < $contador; $i++){
if($cont < $loopHorizontal){
?> 
<td><img src="<?php echo $img[$i]; ?>" width="251" height="230" title="" /> </td>
<?php
}
elseif($cont = $loopHorizontal){
?> 
<td><a href='<?php echo $img[$i]; ?>'><img src="<?php echo $img[$i]; ?>" width="251" height="230" title="" /></a></td>


</tr>
<tr>
<?php
$cont = 0;
}
$cont++;
}
?>
</tr>

<table>
</body>
</html>

JohnathanMoura157 · Julho 30, 2014

como ?

queria tambem que mostrasse o nome da imagem , possivel ?

Vitor RC · Agosto 1, 2014

como ?

queria tambem que mostrasse o nome da imagem , possivel ?

Apenas um exemplo que utilizo, incorpore-o no seu codigo:

<?php

/* Diretorio que deve ser lido */

$dir = ‘arquivos/’;

/* Abre o diretório */

$pasta= opendir($dir);

/* Loop para ler os arquivos do diretorio */

while ($arquivo = readdir($pasta)){

/* Verificacao para exibir apenas os arquivos e nao os caminhos para diretorios superiores */

if ($arquivo != ‘.’ && $arquivo != ‘..’){

/* Escreve o nome do arquivo na tela */

echo $arquivo . ‘<br />’;

}

}

?>

victorqueiroz · Agosto 2, 2014

Testa este exemplo:

<body>
<?php
$caminho = "fotos/";
$img = glob($caminho.'*.jpg');
$contador = count($img);

$loopHorizontal = 4;
$cont = 1;
?>
<table>
<tr>
<?php 
for($i = 0; $i < $contador; $i++){
if($cont < $loopHorizontal){
?> 
<td><img src="<?php echo $img[$i]; ?>" width="251" height="230" title="" /> </td>
<?php
}
elseif($cont = $loopHorizontal){
?> 
<td><a href='<?php echo $img[$i]; ?>'><img src="<?php echo $img[$i]; ?>" width="251" height="230" title="" /><?php echo $img[$i]; ?></a></td>


</tr>
<tr>
<?php
$cont = 0;
}
$cont++;
}
?>
</tr>

<table>
</body>
</html>

JohnathanMoura157 · Agosto 7, 2014

ouve uma mudança agora com esse ultimo codigo, Mostra O nome da imagem mas também mostra a pasta do diretório .. exemplo ( fotos/foto1.jpg )

tem alguma forma que mostre só o nome da imagem ( Foto1 )

queria tambem mudar a cor da fonte ( nome da foto ) porque ele tem aquele azul ( Fotos/foto1.jpg )

Possivel deixar assim ( Foto1 ) ???

percebi também que a imagem abre em uma nova janela ou na mesma janela que esta aberta..

é possível fazer um "pop up' com esse código .. ?? ?

abrir uma pagina pequena com só a imagem ?? ?

victorqueiroz · Agosto 7, 2014

agora irá exibir somente o nome da foto..

<body>
<?php
$caminho = "fotos/";
$img = glob($caminho.'*.jpg');
$contador = count($img);

$loopHorizontal = 4;
$cont = 1;
?>
<table>
<tr>
<?php 
for($i = 0; $i < $contador; $i++){
if($cont < $loopHorizontal){
?> 
<td><img src="<?php echo $img[$i]; ?>" width="251" height="230" title="" /> </td>
<?php
}
elseif($cont = $loopHorizontal){
?> 
<td><a href='<?php echo $img[$i]; ?>'><img src="<?php echo $img[$i]; ?>" width="251" height="230" title="" /><?php $img2 = explode('/', $img[$i]); echo $img2[1];  ?></a></td>


</tr>
<tr>
<?php
$cont = 0;
}
$cont++;
}
?>
</tr>

<table>
</body>
</html>

JohnathanMoura157 · Agosto 15, 2014

obrigado pela ajuda amigo mas ainda esta assim ( foto1.jpg ), possível ficar assim ( foto1 ) ?

exemplo:

menor-2014-dia-dos-namorados-dom-tamanho-peles-120cm-vazio-3-cor-gigante-brinquedos-ursinho-de.jpg_220x220.jpg

FOTO1

possível também clicar nessa imagem e abrir em uma pagina ? pop up ?

alguma novidade , preciso muito dessa ajuda ???

victorqueiroz · Agosto 15, 2014

pronto agora está exibindo somente o nome da imagem.

<body>
<?php
$caminho = "fotos/";
$img = glob($caminho.'*.jpg');
$contador = count($img);

$loopHorizontal = 4;
$cont = 1;
?>
<table>
<tr>
<?php 
for($i = 0; $i < $contador; $i++){
if($cont < $loopHorizontal){
?> 
<td><img src="<?php echo $img[$i]; ?>" width="251" height="230" title="" /> </td>
<?php
}
elseif($cont = $loopHorizontal){
?> 
<td><a href='<?php echo $img[$i]; ?>'><img src="<?php echo $img[$i]; ?>" width="251" height="230" title="" /><?php $img2 = explode('/', $img[$i]); $img_s = explode('.', $img2[1]) echo $img_s[0]; ?></a></td>


</tr>
<tr>
<?php
$cont = 0;
}
$cont++;
}
?>
</tr>

<table>
</body>
</html>

JohnathanMoura157 · Setembro 8, 2014

amigo deu esse erro aqui ...

Parse error: syntax error, unexpected 'echo' (T_ECHO) ....... [/size]on line [/size]34

esqueceram de mim ? :upset:

Me ajuda amigo ... estou parado nesse código ainda :(

victorqueiroz · Setembro 8, 2014

Olá, Johnathan, desculpa a demora em responder, enfim analisei e testei o código e o único problema que encontrei foi a falta de um ponto e vírgula....

<body>
<?php
$caminho = "fotos/";
$img = glob($caminho.'*.jpg');
$contador = count($img);


$loopHorizontal = 4;
$cont = 1;
?>
<table>
<tr>
<?php 
for($i = 0; $i < $contador; $i++){
if($cont < $loopHorizontal){
?> 
<td><img src="<?php echo $img[$i]; ?>" width="251" height="230" title="" /> </td>
<?php
}
elseif($cont = $loopHorizontal){
?> 
<td><a href='<?php echo $img[$i]; ?>'><img src="<?php echo $img[$i]; ?>" width="251" height="230" title="" />
<?php $img2 = explode('/', $img[$i]); $img_s = explode('.', $img2[1]); echo $img_s[0]; ?></a></td>




</tr>
<tr>
<?php
$cont = 0;
}
$cont++;
}
?>
</tr>


<table>
</body>
</html>

qual o erro que retorna quando você testa esse código ?

JohnathanMoura157 · Setembro 12, 2014

cara deu tudo certo sem nenhum errooo .... muito obrigado mesmo !!!
agora uma duvida, é pssivel fazer um pop-up com as imagens quando clicar ???

JohnathanMoura157 · Setembro 15, 2014

ainda estou com uma duvida ....
com esse código é possível clicar na imagem e abrir uma janela com a imagem ???

victorqueiroz · Setembro 22, 2014

existe um plugin chamado LightBox, ele abre a imagem e deixa o fundo preto com opacidade...

http://lokeshdhakar.com/projects/lightbox2/

JohnathanMoura157 · Setembro 29, 2014

okay , vou verificar :)

obrigado

não estou conseguindo colocar no código , cara.. .. me ajuda ????

italomota · Janeiro 8, 2015

tentei usar esse codigo, e o link da imagem q ele linka: http://www.summonmania.com.br/%3C?php%20echo%20$img[$i];%20?%3E

onde está o erro?

---> esquece, meu notepad++ tava salvando em .html, dps q vi! tem q salvar em .php

Arquivado

Exibir imagem de pasta e mostrar imagem ao clicar.

Recommended Posts

JohnathanMoura157 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

victorqueiroz 34

Compartilhar este post

Link para o post

Compartilhar em outros sites

JohnathanMoura157 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Vitor RC 11

Compartilhar este post

Link para o post

Compartilhar em outros sites

victorqueiroz 34

Compartilhar este post

Link para o post

Compartilhar em outros sites

JohnathanMoura157 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

victorqueiroz 34

Compartilhar este post

Link para o post

Compartilhar em outros sites

JohnathanMoura157 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

victorqueiroz 34

Compartilhar este post

Link para o post

Compartilhar em outros sites

JohnathanMoura157 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

victorqueiroz 34

Compartilhar este post

Link para o post

Compartilhar em outros sites

JohnathanMoura157 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

JohnathanMoura157 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

victorqueiroz 34

Compartilhar este post

Link para o post

Compartilhar em outros sites

JohnathanMoura157 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

italomota 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

recuperando parametros simplexml_load_file

PHP+Codeigniter - Adicionar Registro Plano de Contas

Javascript - Passar Parâmetros para uma Função.

Fóruns

Tempo Real

Informação importante