Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Ferrugem

[Resolvido] lightbox + while

Recommended Posts

olá pessoal, estou com um problema aqui.

eu preciso colocar algumas imagens indefinidas na pagina... sem BD.

por isso pensei em uma estrutura de repetição mas não funciona, alguem tem alguma sugestão?

 

o codigo que estou usando é este:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>jQuery lightBox plugin</title>

	<link rel="stylesheet" type="text/css" href="../style-projects-jquery.css" />    
    
    <!-- Arquivos utilizados pelo jQuery lightBox plugin -->
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
    <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
    <!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->
    
    <!-- Ativando o jQuery lightBox plugin -->
    <script type="text/javascript">
    $(function() {
        $('#gallery a').lightBox();
    });
    </script>
	<style type="text/css">
	/* jQuery lightBox plugin - Gallery style */
	#gallery {
		background-color: #444;
		padding: 10px;
		width: 520px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	</style>
</head>

<body>
<div id="gallery">
<ul>
     <?php
     $i = 1;
while ($i <= 2){
print "<li><a href='photos/1.jpg'><img src='photos/thumb_1.jpg' width='72' rel='lightbox' height='72' alt=''/></a></li>";
$i=$i+1;
}?>
               
</ul>
  
</div>

</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Faltou o incremento nesse laço ne?!

Dessa forma ai, ele é infinito. Pois 1 sempre é menor que 2, e $i sempre vale 1.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Faltou o incremento nesse laço ne?!

Dessa forma ai, ele é infinito. Pois 1 sempre é menor que 2, e $i sempre vale 1.

 

eh.. XD realmente... kkk

mas o erro foi meu na hora de copiar.. foi mal..

ele só exibe o thumb da primeira img.

ele nao ta abrindo a lightbox...

Compartilhar este post


Link para o post
Compartilhar em outros sites

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>jQuery lightBox plugin</title>

 

<link rel="stylesheet" type="text/css" href="../style-projects-jquery.css" />

 

<!-- Arquivos utilizados pelo jQuery lightBox plugin -->

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

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

<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />

<!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->

 

<!-- Ativando o jQuery lightBox plugin -->

<script type="text/javascript">

$(function() {

$('#gallery li a').lightBox();

});

</script>

<style type="text/css">

/* jQuery lightBox plugin - Gallery style */

#gallery {

background-color: #444;

padding: 10px;

width: 520px;

}

#gallery ul { list-style: none; }

#gallery ul li { display: inline; }

#gallery ul img {

border: 5px solid #3e3e3e;

border-width: 5px 5px 20px;

}

#gallery ul a:hover img {

border: 5px solid #fff;

border-width: 5px 5px 20px;

color: #fff;

}

#gallery ul a:hover { color: #fff; }

</style>

</head>

 

<body>

<div id="gallery">

<ul>

<?php

$i = 1;

while ($i <= 2){

echo '<li><a href="photos/'.$i.'jpg"><img src="photos/thumb_'.$i.'jpg"' width="72" rel="lightbox" height="72" alt=""/></a></li>';

$i=$i+1;

}?>

 

</ul>

 

</div>

 

</body>

</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

<ul>
     <?php
     $i = 1;
while ($i <= 2){
echo '<li><a href="photos/'.$i.'jpg"><img src="photos/thumb_'.$i.'jpg"' width="72" rel="lightbox" height="72" alt=""/></a></li>';
$i=$i+1;
}?>
               
</ul>
  
</div>

</body>
</html>

quando eu uso desta forma nem a thumb do primeiro aparece...

mesmo assim vlw mano!

Compartilhar este post


Link para o post
Compartilhar em outros sites

<ul>
     <?php
     $i = 1;
while ($i <= 2){
echo '<li><a href="photos/'.$i.'.jpg"><img src="photos/thumb_'.$i.'.jpg"' width="72" rel="lightbox" height="72" alt=""/></a></li>';
$i=$i+1;
}?>
               
</ul>
  
</div>

</body>
</html>

troca

Compartilhar este post


Link para o post
Compartilhar em outros sites

<ul>
     <?php
     $i = 1;
while ($i <= 2){
echo '<li><a href="photos/'.$i.'.jpg"><img src="photos/thumb_'.$i.'.jpg"' width="72" rel="lightbox" height="72" alt=""/></a></li>';
$i=$i+1;
}?>
               
</ul>
  
</div>

</body>
</html>

troca

 

 

 

a pagina só está retornando isso aqui:

 

'; $i=$i+1; }?>

Compartilhar este post


Link para o post
Compartilhar em outros sites

<ul>
     <?php
     $i = 1;
while ($i <= 2){
echo '<li><a href="photos/'.$i.'.jpg"><img src="photos/thumb_'.$i.'.jpg" width="72" rel="lightbox" height="72" alt=""/></a></li>';
$i=$i+1;
}?>
               
</ul>
  
</div>

</body>
</html>

Agora eu percebo a importancia de uma IDE

Compartilhar este post


Link para o post
Compartilhar em outros sites

<ul>
     <?php
     $i = 1;
while ($i <= 2){
echo '<li><a href="photos/'.$i.'.jpg"><img src="photos/thumb_'.$i.'.jpg" width="72" rel="lightbox" height="72" alt=""/></a></li>';
$i=$i+1;
}?>
               
</ul>
  
</div>

</body>
</html>

Agora eu percebo a importancia de uma IDE

 

 

 

agora está retornando vazio dinovo..

será que o problema nao está no lightbox?

Compartilhar este post


Link para o post
Compartilhar em outros sites

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>jQuery lightBox plugin</title>

 

<link rel="stylesheet" type="text/css" href="../style-projects-jquery.css" />

 

<!-- Arquivos utilizados pelo jQuery lightBox plugin -->

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

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

<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />

<!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->

 

<!-- Ativando o jQuery lightBox plugin -->

<script type="text/javascript">

$(function() {

$('#gallery a').lightBox();

});

</script>

<style type="text/css">

/* jQuery lightBox plugin - Gallery style */

#gallery {

background-color: #444;

padding: 10px;

width: 520px;

}

#gallery ul { list-style: none; }

#gallery ul li { display: inline; }

#gallery ul img {

border: 5px solid #3e3e3e;

border-width: 5px 5px 20px;

}

#gallery ul a:hover img {

border: 5px solid #fff;

border-width: 5px 5px 20px;

color: #fff;

}

#gallery ul a:hover { color: #fff; }

</style>

</head>

 

<body>

 

<div id="gallery">

<ul>

 

</ul>

 

</div>

 

</body>

</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

<ul>

<?php

$i = 0;

while ($i < 2){

$i++;

echo '<li><a href="photos/'.$i.'.jpg"><img src="photos/thumb_'.$i.'.jpg" width="72" rel="lightbox" height="72" alt=""/></a></li>';

}

?>

 

</ul>

 

</div>

 

</body>

</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Acho que o erro não está no PDF, até porque no codigo fonte não está aparecendo nem o echo. Cola aqui todo seu código e o codigo-fonte

Compartilhar este post


Link para o post
Compartilhar em outros sites

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>jQuery lightBox plugin</title>

	<link rel="stylesheet" type="text/css" href="../style-projects-jquery.css" />    
    
    <!-- Arquivos utilizados pelo jQuery lightBox plugin -->
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
    <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
    <!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->
    
    <!-- Ativando o jQuery lightBox plugin -->
    <script type="text/javascript">
    $(function() {
        $('#gallery a').lightBox();
    });
    </script>
	<style type="text/css">
	/* jQuery lightBox plugin - Gallery style */
	#gallery {
		background-color: #444;
		padding: 10px;
		width: 520px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	</style>
</head>

<body>

<div id="gallery">
<ul>
     <?php
     $i = 0;
while ($i < 2){
$i++;
echo '<li><a href="photos/'.$i.'.jpg"><img src="photos/thumb_'.$i.'.jpg" width="72" rel="lightbox" height="72" alt=""/></a></li>';
}
?>
               
</ul>
  
</div>

</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>jQuery lightBox plugin</title> 
 
	<link rel="stylesheet" type="text/css" href="../style-projects-jquery.css" />    
    
    <!-- Arquivos utilizados pelo jQuery lightBox plugin --> 
    <script type="text/javascript" src="js/jquery.js"></script> 
    <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script> 
    <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" /> 
    <!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin --> 
    
    <!-- Ativando o jQuery lightBox plugin --> 
    <script type="text/javascript"> 
    $(function() {
        $('#gallery a').lightBox();
    });
    </script> 
	<style type="text/css"> 
	/* jQuery lightBox plugin - Gallery style */
	#gallery {
		background-color: #444;
		padding: 10px;
		width: 520px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	</style> 
</head> 
 
<body> 
 
<div id="gallery"> 
<ul> 
                    
</ul> 
  
</div> 
 
</body> 
</html>

 

 

ta ai...

da uma olhada, deve ser no light box...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pode ser um palpite meio idiota...

 

Mas o arquivo está sendo salvo com a extensão .php?

 

Porque ele não interpretou nenhum código php, como o Tomer Simis disse...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pode ser um palpite meio idiota...

 

Mas o arquivo está sendo salvo com a extensão .php?

 

Porque ele não interpretou nenhum código php, como o Tomer Simis disse...

 

 

vey, so nao me jogo da janela agora por que tenho que entregar esse trabalho na segunda se nao...

 

nó, to até com vergonha de dizer que realmente seu palpite estava correto, eu estava reutilizando um outro que estava meio pronto so que com imagens definidas...

e eu precisava de imagens indefinidas ou seja.. coloquei o while e era pra funcionar...

só que nao funcionou entao criei este topico pra pedir ajuda...

e no final das contas era um erro destes, PQP!.!.

 

ahsuhausushu

vlw pessoal, vou postar como ficou o codigo no final das contas pra quando alguem precisar uzar este mesmo... t+!!

 

 

 

<html>
<!--
            ~ Ferrugem ~
          Eduardo Augusto 
     eduardo.hillebrand@live.com
      www.ferrugem.freetzi.com
-->
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title>jQuery lightBox plugin</title>

<link rel="stylesheet" type="text/css" href="../style-projects-jquery.css" />    

   <!-- Arquivos utilizados pelo jQuery lightBox plugin -->
   <script type="text/javascript" src="js/jquery.js"></script>
   <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
   <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
   <!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->

   <!-- Ativando o jQuery lightBox plugin -->
   <script type="text/javascript">
   $(function() {
       $('#gallery a').lightBox();
   });
   </script>
<style type="text/css">
/* jQuery lightBox plugin - Gallery style */
#gallery {
	background-color: #444;
	padding: 10px;
	width: 520px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
	border: 5px solid #3e3e3e;
	border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
	color: #fff;
}
#gallery ul a:hover { color: #fff; }
</style>
</head>

<body>

<div id="gallery">
<ul>
    <?php
    $i = 0;
while ($i < 2){
$i++;
echo '<li><a href="photos/'.$i.'.jpg"><img src="photos/thumb_'.$i.'.jpg" width="72" rel="lightbox" height="72" alt=""/></a></li>';
}
?>

</ul>

</div>

</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.