Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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">](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;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>>
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...
<!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">](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>>
<ul>
<?php
$i = 1;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!
<ul>
<?php
$i = 1;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>>
<ul>
<?php
$i = 1;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>a pagina só está retornando isso aqui:
'; $i=$i+1; }?>
<ul>
<?php
$i = 1;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>>
<ul>
<?php
$i = 1;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 está retornando vazio dinovo..
será que o problema nao está no lightbox?
Coloca aqui o código fonte da pagina gerada.
<!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">](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><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>to começando a achar que o erro ta eh no lightbox...
a sintaxe no php ta certinha só que a imagem nao aparece...
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
<!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">](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;$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">](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...
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...
>
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">#gallery {
background-color: #444;
padding: 10px;
width: 520px;
} border: 5px solid #3e3e3e;
border-width: 5px 5px 20px;
} border: 5px solid #fff;
border-width: 5px 5px 20px;
color: #fff;
}</style>
</head>
<body>
<div id="gallery">
<ul>
<?php
$i = 0;$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>
Faltou o incremento nesse laço ne?!
Dessa forma ai, ele é infinito. Pois 1 sempre é menor que 2, e $i sempre vale 1.