Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá a todos. Estou com uma dúvida muito cruel aqui pessoal.
Estou desenvolvendo aqui uma galeria de imagens completa em php muito bacana mesmo, e na alteração das fotos listo todas elas com a legenda abaixo e com um botão EDITAR e outro EXCLUIR, estilo o orkut.
No botão EDITAR ele chama um link para abrir uma div que está oculta através do jQuery, porém o efeito funciona apenas na primeira div, e não nas demais. Eu li alguns comentários na net que as div's pra nesse caso deve ter os ID diferente, porém tentei de várias maneiras frustadas.
Vou postar os codes aqui para vocês ver.
DOU MINHA PALAVRA QUE SE ME AJUDAREM A RESOLVER ISSO, POST O SISTEMA COMPLETO AQUI!
Abraço
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>GenePhotos</title>
<link rel="stylesheet" href="../../css/style.css" />
<link rel="stylesheet" href="../../css/style1.css" />
<link rel="stylesheet" href="../../css/css.css" />
<link rel="stylesheet" href="../../css/javascript.css"/>
<link rel="stylesheet" href="../../css/html.css"/>
<link rel="stylesheet" href="SlideShow_css/lightbox.css" type="text/css" media="screen" />
<link rel="shortcut icon" href="icone.ico" />
<script src="SlideShow_js/prototype.js" type="text/javascript"></script>
<script src="SlideShow_js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="SlideShow_js/lightbox.js" type="text/javascript"></script>
<script type="text/javascript" src="../../js/jQuery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#conteudo').hide();
$('a#exibir').click(function(){
$('#conteudo').show('slow');
});
$('a#ocultar').click(function(){
$('#conteudo').hide('slow');
})
});
</script>
<style type="text/css"></style>
</head>
<body scroll="auto">
<h2>Galeria de Fotos</h2><hr>
<p><img src="../../images/Arrow-Right.png" alt="v" width="25" height="25" align="absmiddle" class="img" /><a href="./">Início</a></p>
<div id="main">
<h2>Editar Fotos</h2>
<p>
<?php
include('conexao.php');
$sql = "SELECT count(id) FROM albums_photos WHERE album = '". $_REQUEST['IDalbum'] ."'";
$rs1 = mysql_query($sql);
while($escrever=mysql_fetch_array($rs1))
{
echo "<p>Esse álbum tem ".$escrever['count(id)']." fotos.</p>";
}
mysql_close($conexao);
?>
<p>
<?php
include('conexao.php');
$IDalbum = $_REQUEST['IDalbum'];
$sql = "SELECT id, album, file, caption FROM albums_photos WHERE album = '". $_REQUEST['IDalbum'] ."'";
$rs = mysql_query($sql);
while($escrever=mysql_fetch_array($rs))
{
echo "<div class='divImg'>";
echo "<a href='../../uploads/".$escrever['file']."' border=0 rel='lightbox[igreja]'>";
echo "<img src='../../uploads/".$escrever['file']."' width='120' height='90' border='0' class='image' title='".$escrever['caption']."'/></a>";
echo "<div id='title'>".$escrever['caption']."<div class='cls'></div>";
echo "<a id='exibir' href='javascript:void(0);' class='exibir'>editar</a>";
echo "<a id='ocultar' href='javascript:void(0);' class='ocultar'>excluir</a>";
echo "<br><div id='conteudo'><input type='text' name='Caption' value='".$escrever['caption']."'></div>";
echo "</div>";
//echo "".date('d/m/Y', strtotime($escrever['added']));
echo "</div>";
}
mysql_close($conexao);
?>
</p>
</div>
</body>
</html>Carregando comentários...