Jump to content
Etiqueta

[Resolvido] Listar imagem da pasta

Recommended Posts

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

Share this post


Link to post
Share on other sites
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


IRC : sim, é algo que ainda existe >> #p@p

Share this post


Link to post
Share on other sites
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


IRC : sim, é algo que ainda existe >> #p@p

Share this post


Link to post
Share on other sites
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>

Share this post


Link to post
Share on other sites
MASNathan

Não estou a perceber...

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

Share this post


Link to post
Share on other sites
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 by MASNathan

Share this post


Link to post
Share on other sites
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 by brunoais
geshi!

Share this post


Link to post
Share on other sites
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">

  • Vote 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.