Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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
Carregando comentários...