[Resolvido] Listar imagem da pasta

[Etiqueta]

Bom dia.

Estou a desenvolver um backoffice em php. Tenho a parte de fazer o upload de imagens para o slideshow, o nome da imagem é guardado na base de dados e a imagem é armazenada numa pasta.

No front-end tenho que ir à pasta e passar as imagens da pasta no slideshow. O código que tenho:

<li>
                  
<?php

require '../conexao.php';

$sql = mysql_query("SELECT * FROM slideshow ORDER BY ID_Slideshow");

while ($rs = mysql_fetch_array($sql)) {
    $ID_Slideshow = $rs['ID_Slideshow'];
    $Imagem       = $rs['Imagem'];
?>
<?php
    echo "<img src='../easyslider1.7/_Imagens/" . $rs['Imagem'] . "' alt='' />";
}
?>
</li> 

o que está a acontecer é que só passa a primeira imagem que está na pasta. Se diminuir o tamanho das imagens, passam todas como uma única imagem mas as imagens aparecem numa fila.

O que estou a fazer de errado?

Depois disto resolvido tenho que verifcar se foi guardado algum link para a imagem e se sim, fazer uma hiperligação para essa imagem especifica (essa parte ainda não desenvolvi).

Desde já o meu obrigada pela ajuda

[HappyHippyHippo]

1º -identa o teu código

2º -verifica se os registos das imagens estão na base de dados

3º -verifica se a imagem está na pasta onde foi guardada

4º -se tires um url para se ver o que está a acontecer, faz post

[Etiqueta]

os registo estão na base de dados e as imagens na pasta

[HappyHippyHippo]

o que está a acontecer é que só passa a primeira imagem que está na pasta. Se diminuir o tamanho das imagens, passam todas como uma única imagem mas as imagens aparecem numa fila.

parece ser um problema do script do slideshow+css ... ou arranja um url ou tens de dizer que slideshow script usas assim com o teu css

[Etiqueta]

Ainda ando às voltas com isto.

o meu código está assim:

<div id="slider">
	    <ul> 
		   <li>

				  <?php

    include '../conexao.php';
    /*nome da pasta onde está as imagens*/   
	   $pasta = "../easyslider1.7/_Imagens/";
	    /*recuperar as imagens e colocar em um array*/
	 $imagens = glob("$pasta/{*jpg,*png,*gif}", GLOB_BRACE);

				    /*percorre o array*/
	    foreach($imagens as $img)
  {
   /*Imprime a imagem*/  
   echo "<a href='$img' target='_blank'><img src='$img' /></a>";//width=200 height=200
	 }
    ?>
		  </li>
	  </ul>
    </div>

[MASNathan]

Não estou a perceber...

Sempre queres ir buscar o nome/caminho/etc à base de dados ou à pasta?

[Etiqueta]

quero ir buscar à pasta

[MASNathan]

Experimenta desta forma-->

<div id="slider">
   <ul> 
       <li>
           <?php

           include '../conexao.php';
           /*nome da pasta onde está as imagens*/   
           $pasta = "../easyslider1.7/_Imagens";
           /*recuperar as imagens e colocar em um array*/
           $imagens = glob("$pasta/{*.jpg,*.png,*.gif}", GLOB_BRACE);

           /*percorre o array*/
           foreach($imagens as $img){
/*Imprime a imagem*/  
echo "<a href='$img' target='_blank'><img src='$img' width='200' width='200' /></a>";//width=200 width=200
           }

           ?>
       </li>
   </ul>
</div>

Edited May 31, 2012 at 11:15 AM by MASNathan

[Etiqueta]

com o tamanho que 200x200 aparece as fotografias todas seguidas como se fosse uma única fotografia.

quando coloco o tamanh da fotografia para 690x341 (que é o tamanho do slideshow), só para a primeira imagem 😕

[MASNathan]

coloca aqui o código fonte(html) gerado

[Etiqueta]

o código html

<div id="slideshow" style="margin-top: 97px;">
<div id="slider" style="width: 690px; height: 341px; overflow: hidden;">
	<ul style="width: 1380px; margin-left: 0pt;">
		<li style="margin-left: -690px; float: left;">
			<a target="_blank" href="../easyslider1.7/_Imagens/Lighthouse.jpg">
				<img width="690" height="341" src="../easyslider1.7/_Imagens/Lighthouse.jpg">
			</a>
			<a target="_blank" href="../easyslider1.7/_Imagens/Penguins.jpg">
				<img width="690" height="341" src="../easyslider1.7/_Imagens/Penguins.jpg">
			</a>
			<a target="_blank" href="../easyslider1.7/_Imagens/Tulips.jpg">
				<img width="690" height="341" src="../easyslider1.7/_Imagens/Tulips.jpg">
			</a>
		</li>
		<li style="float: left;">
			<a target="_blank" href="../easyslider1.7/_Imagens/Lighthouse.jpg">
				<img width="690" height="341" src="../easyslider1.7/_Imagens/Lighthouse.jpg">
			</a>
			<a target="_blank" href="../easyslider1.7/_Imagens/Penguins.jpg">
				<img width="690" height="341" src="../easyslider1.7/_Imagens/Penguins.jpg">
			</a>
			<a target="_blank" href="../easyslider1.7/_Imagens/Tulips.jpg">
				<img width="690" height="341" src="../easyslider1.7/_Imagens/Tulips.jpg">
			</a>
		</li>
		<li style="float: left;">
			<a target="_blank" href="../easyslider1.7/_Imagens/Lighthouse.jpg">
				<img width="690" height="341" src="../easyslider1.7/_Imagens/Lighthouse.jpg">
			</a>
			<a target="_blank" href="../easyslider1.7/_Imagens/Penguins.jpg">
				<img width="690" height="341" src="../easyslider1.7/_Imagens/Penguins.jpg">
			</a>
			<a target="_blank" href="../easyslider1.7/_Imagens/Tulips.jpg">
				<img width="690" height="341" src="../easyslider1.7/_Imagens/Tulips.jpg">
			</a>
		</li>
	</ul>
</div>
span id="prevBtn">
	<a href="javascript:void(0);">Previous</a>
</span>
<span id="nextBtn">
	<a href="javascript:void(0);">Next</a>
</span>
</div>

Edited May 31, 2012 at 12:38 PM by brunoais
geshi!

[MASNathan]

vê se assim resolve

<div id="slider">
   <ul>
    <?php

	    include '../conexao.php';
	    /*nome da pasta onde está as imagens*/  
	    $pasta = "../easyslider1.7/_Imagens";
	    /*recuperar as imagens e colocar em um array*/
	    $imagens = glob("$pasta/{*.jpg,*.png,*.gif}", GLOB_BRACE);

	    /*percorre o array*/
	    foreach($imagens as $img){
   /*Imprime a imagem*/ 
   echo "<li><a href='$img' target='_blank'><img src='$img' /></a></li>";//width=200 width=200
	    }
    ?>
   </ul>
</div>

e atenção que

span id="prevBtn">

devia estar assim

<span id="prevBtn">

[Etiqueta]

muito obrigada. era mesmo isto 😛