6 replies to this topic

[rusber]

Olá pessoal,

Gostaria da ajuda de vocês novamente.

Estou fazendo uma galeria de imagens usando o conhecimento adquirido aqui no fórum e estou com problemas.

Na galeria, ao clicar na miniatura, aparece a imagem e é pra aparecer a legenda também. Porém a legenda não está aparecendo.

Fiz um script, catando tudo que achei... e como ainda estou engatinhando nisso, vocês podem me ajudar?

o script:

<script language="javascript">
<!--
var text=new Array()

function troca(x) {
document.getElementById("imagem").src=x;
}
function escreve(y){
 document.getElementById("idcelula").innerHTML = text[0];
}
function apaga(){
 document.getElementById("idcelula").innerHTML = '';
}
text[0]="Libby watching another dog from the front porch"
text[1]="A calm moment.  EXTREMELY RARE!"
text[2]="Curious as to what that flash was all about"
text[3]="Mad at Momma for taking pictures."
text[4]="Libby striking back!"
text[5]="They make messes and they lay in them."
text[6]="Libby catching a frisbee, Ministix following."
text[7]="Teste de fotos"
text[8]="Libby watching another dog from the front porch"
text[9]="A calm moment.  EXTREMELY RARE!"
text[10]="Curious as to what that flash was all about"
text[11]="Mad at Momma for taking pictures."
text[12]="Libby striking back!"


//-->
</script>

estou puxando a imagem assim:

<td width="63"><a href="javascript:;" onmouseover="troca('images/001.jpg');escreve('text[0]')" onmouseout="apaga()"><img border="0" src="mini/001tb.jpg" width="63" height="45"></a></td>

o local da imagem:

<td width="40%"><img src="images/001.jpg" id="imagem" width="420" height="300">

o local da legenda:

<td height="17" align="right" colspan="2" id="idcelula" class="texto"><p align="right"></td>

[Alex Hiroshi]

Mostra algum erro? Não vi nada muito estranho ai..

Só a função escreve().. quando você chama ela, você envia text[0] como string e não usa ela na função . . mas deve ser só para testes..

[rusber]

ai é que está o problema...

A troca de imagem acontece sem problemas, mas não consigo colocar as legendas. Tem algo errado no script pois ele não está puxando as legendas.

Pode me ajudar?

[rusber]

Olá pessoal,

Não é meu desejo fazer post-up. Estou apenas informando que descobri uma forma de corrigir o script. Talvez tenha alguém interessado. Eu mesmo já fiz uso de muitas dúvidas/respostas aqui no fórum.

Bem, descobri como fazer o meu script funcionar do jeito que eu quero, só não sei se existe uma forma mais eficiente. É que estou engatinhando em javascript.

Segue o que fiz:

Na função escreve() eu alterei e ficou assim:

function escreve(a){
document.getElementById("idcelula").innerHTML = (a);
}

Acrescentei mais variáveis:

a=text[0]
b=text[1]
c=text[2]
d=text[3]
e=text[4]
f=text[5]
g=text[6]
h=text[7]
i=text[8]
j=text[9]
k=text[10]
l=text[11]
m=text[12]

E estou puxando assim:

<td width="63"><a href="javascript:;" onmouseover="troca('images/001.jpg');escreve(a)" ><img border="0" src="mini/001tb.jpg" width="63" height="45"></a></td>

A quem interessar possa, e ou a quem puder ajudar e melhorar este script...

Abraços

[Thales Medeiros]

Olá, rusber! Tudo bem?

Vc conseguiu consertar seu problema, sim, mas de uma forma um pouco ineficiente. Já q vc nos permitiu sugerir melhorias, aqui vai minha explicação...

Vc faz isto:

a=text[0]
b=text[1]
c=text[2]
d=text[3]
e=text[4]
f=text[5]
g=text[6]
h=text[7]
i=text[8]
j=text[9]
k=text[10]
l=text[11]
m=text[12]

E depois, na hora de chamar a função que exibe o texto, vc faz isto:

escreve(a)

Pôxa, pq não apagar todas aquelas linhas que eu citei aqui em cima e, na hora de chamar a função para exibir o texto, não fazer isto:

escreve(text[0])

Q tal?

E, a propósito, a forma mais bunitinha de fazermos isto é só passar o número do índice da variável text q vc deseja exibir. Ou seja:

escreve(0)

E a função escreve() precisa ser assim:

function escreve(a){
document.getElementById("idcelula").innerHTML = text[a];
}

Espero q tenha entendido!

Qquer dúvida, é só perguntar!

Um grande abraço,
Thales Medeiros.

[rusber]

Olá Thales Medeiros, agora, tudo ótimo...

Fiz tudo o que disse, da forma mais bunitinha, como você mesmo disse. E ficou excelente. Fantástico.

Estava há três dias dependurado no pc tentando resolver esse dilema. Para mim, aquela configuração que fiz foi demais, pois consegui o resultado que queria, quase que sem auxílio, só na experimentação. Mas quando você me enviou suas observações, pude perceber o quanto tenho que aprender. Ainda vou chegar nessa sua lucidez sobre o código.

Quando esse dia chegar, espero que logo, vou poder ajudar a quem necessite, assim como você fez comigo.

Agradeço de coração,

Rúsber

[Thales Medeiros]

Oi, Rúsber!

Q bom q nossa ajuda te atendeu! Como alguém q tem o prazer em ajudar aqueles que querem aprender de verdade, fico muito feliz por vc ter conseguido chegar a uma solução de um problema sozinho, pq este é o passo mais gratificante para qualquer aprendiz.

Saiba que te apóio imensamente para q continue nesta caminhada para a "lucidez" de todos os códigos, e estarei sempre aqui, ao lado dos q sempre estão dispostos em ajudar qdo a dúvida aparece. Mas saiba tb q vc já tem conhecimento mais do q suficiente para ajudar aos q precisam. Sua humilde ajuda pode ser importantíssima para aqueles que estão no início de suas carreiras.

Contamos também com vc!

Um abraço,
Thales Medeiros.