atualizar div

[gui.php 0]

Tenho uma galeria de fotos onde, ao clicar numa foto em miniatura, um código javascript é chamado para carregar esta imagem ao lado, em tamanho maior. Tudo funciona perfeitamente, estou apenas adicionando a descrição de cada imagem.

 

Minha dúvida é: Como carregar dinamicamente junto com a imagem esta descrição, lembrando que ela altera para cada foto.

 

Ele carrega a foto ao lado com o seguinte código:

 

<script type="text/javascript">

function AbreImagem(img, x, y, pos){

  

  	var maxX = 500;

	var maxY = 400;

	var percX = maxX / x;

	var percY = maxY / y;

	var percent = 0;

	var carregando = true;

	var newImg = document.getElementById('imgGrande'+pos);


	if(percX > percY)

	   percent =  percY;

	else

	   percent =  percX;

	

  newImg.setAttribute('width', (x*percent));

  newImg.setAttribute('height', (y*percent));	

  newImg.src = img.replace("mini","img")
      

  if(carregando)	

     MudaCarregando(true);

  

  newImg.onload = function() { MudaCarregando(false,pos); };	   

  

}



function MudaCarregando(bool,pos){

  if(bool){

    document.getElementById('carregando'+pos).style.display = 'block';	

	document.getElementById('principal'+pos).style.display = 'none';	

  } else {

    document.getElementById('carregando'+pos).style.display = 'none';

	document.getElementById('principal'+pos).style.display = 'block';	

  }

}

</script>

<td height="60" valign="middle" align="center" width="<?php echo $size; ?>"><img src="galerias/imagens/mini/<?php echo $imagens[$k]; ?>"  width="<?php echo $widthMini; ?>" class="mini" height="<?php echo $heightMini; ?>" border="0" onclick="AbreImagem(this.src,<?php echo $xGd;?>, <?php echo $yGd;?>, <?php echo $i;?>);" alt="Clique para ampliar a imagem" /></td>



<td width="65%" align="center" valign="bottom" class="descricao"><div id="carregando<?php echo $i;?>" style="display:none;" class="titulos">Aguarde ... Carregando a imagem</div><div id="principal<?php echo $i;?>"><img src="galerias/imagens/img/<?php echo $galerias[$i]->getDados('PRINCIPAL'); ?>" width="<?php echo $width; ?>" height="<?php echo $height; ?>" class="img" border="0" id="imgGrande<?php echo $i;?>" /><br /></div><div id="descr"><?php echo $galerias[$i]->getDados('DESCPRINC'); ?></div></td>

Na hora que a página carrega, consigo trazer a descrição das imagens que são carregadas. O problema é mudar essa descrição conforme o clique. Alguem tem uma sugestão?

 

Obrigado

[quintelab 91]

Postou em FrameWork, qual esta usando?

Bastaria localizar o span ou label que exibe esse texto e passar o que deseja.

Mas preciso que me responda a pergunta primeiro.

 

Abraços...

[gui.php 0]

Postou em FrameWork, qual esta usando?

Bastaria localizar o span ou label que exibe esse texto e passar o que deseja.

Mas preciso que me responda a pergunta primeiro.

 

Abraços...

 

 

Olá amigo, obrigado por me ajudar. Segue abaixo onde ele exibe:

 

<td height="60" valign="middle" align="center" width="<?php echo $size; ?>">
<img src="galerias/imagens/mini/<?php echo $imagens[$k]; ?>"  width="<?php echo $widthMini; ?>" class="mini" height="<?php echo $heightMini; ?>" border="0" onclick="AbreImagem(this.src,<?php echo $xGd;?>, <?php echo $yGd;?>, <?php echo $i;?>);" alt="Clique para ampliar a imagem" />
</td>


<td width="65%" align="center" valign="bottom" class="descricao">
<div id="carregando<?php echo $i;?>" style="display:none;" class="titulos">Aguarde ... Carregando a imagem</div>

<div id="principal<?php echo $i;?>">
<img src="galerias/imagens/img/<?php echo $galerias[$i]->getDados('PRINCIPAL'); ?>" width="<?php echo $width; ?>" height="<?php echo $height; ?>" class="img" border="0" id="imgGrande<?php echo $i;?>" />
<br />
<?php echo $galerias[$i]->getDados('DESCPRINC'); ?>
</div>
</td>

[quintelab 91]

Onde esta seu JavaScript?

 

Abraços...

[gui.php 0]

Onde esta seu JavaScript?

 

Abraços...

 

Amigo, este último post mostra o onClick chamando a função em JS demonstrada no primeiro post.

[quintelab 91]

Movido Javascript / DHTML > Javascript Frameworks http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Javascript / DHTML

 

Tenho idéia de como fazer com Jquery.

Por isso perguntei no primeiro post e até o momento não respondeu, qual framework esta usando.

Pelo que vi nenhum.

[gui.php 0]

Movido Javascript / DHTML > Javascript Frameworks http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Javascript / DHTML

 

Tenho idéia de como fazer com Jquery.

Por isso perguntei no primeiro post e até o momento não respondeu, qual framework esta usando.

Pelo que vi nenhum.

 

Nenhum mesmo.. só via javascript mesmo.. Você tem idéia de como eu fazer? Como seria?