colocando titulo nas fotos

[11closed 0]

ola

 

post original do Klonder, desse script aqui

 

estou tentando publicar nessa galeria um titulo das fotos .

 

olha o codigo

<?php
error_reporting(E_ERROR | E_WARNING | E_PARSE);
$host = "localhost"; //dados do servidor
$user = "root";
$pass = "";
$bd = "testeupdate";
# Conecta com o servidor de banco de dados
$con = @mysql_connect("$host","$user","$pass") or die('Erro - Falha na Conexão');
# Seleciona o banco de dados
$con2 = @mysql_select_db("$bd", $con) or die('Erro - Falha ao Abrir Banco de Dados');
?>
<script type="text/javascript">
/*Script desenvolvido por: klonder ([email="klonder@ymail.com"]klonder@ymail.com[/email])
Postagem exclusiva em: [url="http://www.forum.imasters.com.br*/"]www.forum.imasters.com.br*/[/url]
var imagem = new Array();
//Coloque o link das imagens aqui:
<?php  
$i=0;       	
 // Faz o Select pegando o registro inicial até a quantidade de registros para página
 $sql = mysql_query("SELECT foto FROM usuarios order by id desc LIMIT 0,20"); 
 while( $dados = mysql_fetch_assoc($sql) )   {	
  echo 'imagem['.$i.'] = "'.$dados['foto'].'";';
  $i++;  
 }

?>
//Defina a velocidade de transição das imagens em milissegundos:
var velTransicao = 70;
var carregar = new Array();
//Função responsável por carregar as imagens com o evento onload();
function carregarImagens() {
 var objQuadro1 = document.getElementById("imgQuadro1");
 var objQuadro2 = document.getElementById("imgQuadro2");
 var tbQuadro = document.getElementById("tbQuadro");
 //Posicionando os spans na tela:
 objQuadro1.style.left = tbQuadro.offsetLeft;
 objQuadro1.style.top = tbQuadro.offsetTop;
 objQuadro2.style.left = tbQuadro.offsetLeft;
 objQuadro2.style.top = tbQuadro.offsetTop;            	
 //Carregando todas as imagens em um loop:    	
 for (var i=0; i<imagem.length; i++) {            	
  carregar[i] = new Image();            	
  carregar[i].src = imagem[i];            	
  document.getElementById("imgQuadro1").innerHTML = "Carregando...";            	
  document.getElementById("imgTumb"+i).innerHTML = "Carregando...";           	
  //Chamando a função verificaCarregamento a cada 100 ms para verificar se as imagens            	
  //foram carregadas ou não.            	
  window.setTimeout("verificaCarregamento("+i+")",100);    	
 }
}
//Função que verifica se as imagens foram carregadas ou não.
function verificaCarregamento(imgID) {   	
 //Se forem carregadas, o bloco abaixo será executado:
 if(carregar[imgID].complete) {            	
  document.getElementById("imgTumb"+imgID).innerHTML = '<img src="'+carregar[imgID].src+'" width="120" height="90" onclick=abrirImagem('+imgID+')>';
  //Se for a imagem[0], ela será colocada no quadro principal.            	
  if (imgID == 0) {                    	
   document.getElementById("imgQuadro1").innerHTML = '<img width="400" height="300" id="imgQuadro" src="'+imagem[imgID]+'">';
  }    	
  //Se não foi carregada, chama a função novamente e refaz o teste de carregamento:    	
 }else{            	
 window.setTimeout("verificaCarregamento("+imgID+")", 100);    	
 }
}
//Criando uma variável-controle:
var iLoop = 2;

function abrirImagem(imgID) {
 var EnderecoFoto = imagem[imgID];
 var objQuadro1 = document.getElementById("imgQuadro1");
 var objQuadro2 = document.getElementById("imgQuadro2");    	
 if (iLoop == 2) {            	
 objQuadro1.style.zIndex = 1;            	
 objQuadro2.style.zIndex = 2;            	
 objQuadro2.style.opacity = '0';            	
 objQuadro2.style.filter = 'alpha(opacity="0")';            	
 objQuadro2.innerHTML = '<img width="400" height="300" id="imgQuadro" src="'+imagem[imgID]+'">';
 document.getElementById("b").innerHTML = '<?php
            $EnderecoFoto = "<script>document.write(EnderecoFoto)</script>";
            $sql = mysql_query("SELECT * FROM usuarios WHERE foto='".$EnderecoFoto."'"); 
            while( $dados = mysql_fetch_assoc($sql) )   {	
          	echo '"'.$dados['titulo'].'"';            
} 
        	?>'; 
  if(window.navigator.userAgent.indexOf("Firefox",0) != -1) {                            	
   objQuadro2.style.display = "";                    	
  }else{                            	
   objQuadro2.style.display = "block";                    	
  }            	
  efeito(iLoop);              	
 }else{            	
  objQuadro1.style.zIndex = 2;            	
  objQuadro2.style.zIndex = 1;            	
  objQuadro1.style.opacity = '0';            	
  objQuadro1.style.filter = 'alpha(opacity="0")';            	
  objQuadro1.innerHTML = '<img width="400" height="300" id="imgQuadro" src="'+imagem[imgID]+'">';
  if(window.navigator.userAgent.indexOf("Firefox",0) != -1) {                            	
   objQuadro1.style.display = "";                    	
  }else{                            	
   objQuadro1.style.display = "block";                    	
  }           	
 efeito(iLoop);    	
 }    	
}
//Função que gera o efeito de transição entre os slides
var iFiltro = 0;
function efeito(imgID) {
 var objQuadro1 = document.getElementById("imgQuadro1");
 var objQuadro2 = document.getElementById("imgQuadro2");    	
 //Controle para as várias possibilidades do i:    	
 if (iFiltro > 100) {                            	
  //clearInterval(tempEfeito); Retirei pois não havia necessidade para setTimeout();            	
  if (imgID == 2) {                    	
   iLoop = 1;                    	
   objQuadro1.style.display = "none";            	
  }else{                    	
  iLoop = 2;                    	
  objQuadro2.style.display = "none";            	
  }            	
  //Zerando o valor de iFiltro, pois ele poderá ser chamado novamente:            	
  iFiltro = 0;        	
 }else{            	
  valorOpacidade = iFiltro/100;            	
  valorOpacidade = valorOpacidade.toString();            	
  //Controlando a opacidade das fotos:            	
  if (imgID == 1) {                    	
   objQuadro1.style.opacity = valorOpacidade;                    	
   objQuadro1.style.filter = "alpha(opacity='"+iFiltro+"')";            	
  }else{                    	
   objQuadro2.style.opacity = valorOpacidade;                    	
   objQuadro2.style.filter = "alpha(opacity='"+iFiltro+"')";            	
  }            	
  iFiltro+=10;    	
  tempEfeito = window.setTimeout('efeito('+imgID+')',velTransicao);    	
 }
}
//Iniciar o carregamento assim que a página for carregada:
window.onload = carregarImagens;
</script>
</head>
<body>
<center>
<table id="tbQuadro">
 <tr>    	
  <td  align="center">    	
   <span id="imgQuadro1" style="display:block; position:absolute;"></span>    	
   <span id="imgQuadro2" style="display:none; position:absolute;"></span>   	
  </td>
 </tr>
</table>
<b id="b" style='color:#FFFFFF;'>titulo   </b>
<br>
<table border="1">
 <tr>    	
  <td class="tumbnails"><div id="imgTumb0" class="tumbnails"></div></td>    	
  <td class="tumbnails"><div id="imgTumb1" class="tumbnails"></div></td>    	
  <td class="tumbnails"><div id="imgTumb2" class="tumbnails"></div></td>    	
  <td class="tumbnails"><div id="imgTumb3" class="tumbnails"></div></td>    	
  <td class="tumbnails"><div id="imgTumb4" class="tumbnails"></div></td>
 </tr>
</table>
<table border="1">
 <tr>    	
  <td class="tumbnails"><div id="imgTumb5" class="tumbnails"></div></td>    	
  <td class="tumbnails"><div id="imgTumb6" class="tumbnails"></div></td>    	
  <td class="tumbnails"><div id="imgTumb7" class="tumbnails"></div></td>    	
  <td class="tumbnails"><div id="imgTumb8" class="tumbnails"></div></td>    	
  <td class="tumbnails"><div id="imgTumb9" class="tumbnails"></div></td>
 </tr>
</table>

<?php //include("paginacao.php");?>
</center>
<br/>
<a href="teste3.php" title="fazer upload de mais fotos"> Voltar</a>
</body>
</html>

 

na function abrirImagem(imgID) criei a variavel EnderecoFoto = imagem[imgID]; que sera o Endereço da foto que esta selecionada.

O document.getElementById("b").innerHTML é aonde aparecera os titulos das imagens selecionadas.

 

ñ sei poq ñ esta dano certo os titulos ñ aparece.

 

oque eu fis de errado ?

 

t+

[11closed 0]

ola galera

 

eu estava olhado aqui oq poderia esta errado, fis varios debugs

 

e descrobri que a $EnderecoFoto = "<script>document.write(EnderecoFoto)</script>"; esta vazil

 

porque sera o que fis de errado ?

 

t+