[Resolvido] lightbox + while

Ferrugem · Outubro 13, 2009

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>

William Bruno · Outubro 13, 2009

Faltou o incremento nesse laço ne?!

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

Ferrugem · Outubro 13, 2009

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...

Tomer Simis · Outubro 13, 2009

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

<head>

<title>jQuery lightBox plugin</title>

$(function() {

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

});

</script>

/* 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>

<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>

Ferrugem · Outubro 13, 2009

<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!

Tomer Simis · Outubro 13, 2009

<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

Ferrugem · Outubro 13, 2009

<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; }?>

Tomer Simis · Outubro 13, 2009

<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

Ferrugem · Outubro 13, 2009

<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?

Tomer Simis · Outubro 13, 2009

Coloca aqui o código fonte da pagina gerada.

Ferrugem · Outubro 13, 2009

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

<head>

<title>jQuery lightBox plugin</title>

$(function() {

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

});

</script>

/* 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>

<ul>

</ul>

</div>

</body>

</html>

Tomer Simis · Outubro 13, 2009

<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>

Ferrugem · Outubro 13, 2009

to começando a achar que o erro ta eh no lightbox...

a sintaxe no php ta certinha só que a imagem nao aparece...

Tomer Simis · Outubro 13, 2009

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

Ferrugem · Outubro 13, 2009

<!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...

novato_PHP · Outubro 13, 2009

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...

Ferrugem · Outubro 13, 2009

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>

Arquivado

[Resolvido] lightbox + while

Recommended Posts

Ferrugem 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ferrugem 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Tomer Simis 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ferrugem 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Tomer Simis 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ferrugem 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Tomer Simis 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ferrugem 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Tomer Simis 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ferrugem 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Tomer Simis 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ferrugem 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Tomer Simis 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ferrugem 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

novato_PHP 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ferrugem 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Conexão mysql com outro domínio

[Resolvido] JavaScript - Exibir logo dentro da Tabela html

Javascript - Calcular Valores Monetário em Tempo Real

Fóruns

Tempo Real

Informação importante