Legenda nas imagens

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

  • 0

Resolvido Legenda nas imagens

Mensagem por mocci em 17/08/12, 12:13 pm

Qual é minha questão:
Gostaria de saber o Javascript ou código que devo utilizar para implementar uma legenda ao passar o cursor do mouse na imagem que representa os grupos.

Exemplo;

Código:
jQuery(document).ready(function(){g='NOME';jQuery('td.row1 span.gensmall:contains("Legenda") b a:contains("'+g+'"),#main-content p em b a:contains("'+g+'"),#pun-info #onlinelist p:contains("Legenda") b a:contains("'+g+'"),td.row2 div:contains("Legenda") b a:contains("'+g+'")').html('<img src="IMAGEM">')});

Baseado no tutorial [TUTORIAL] Substituir nome do grupo por imagem na legenda.

No tutorial ensina somente a alterar o 'Nome do Grupo' por uma imagem de meu gosto/gênero, porém se está imagem não tiver nada escrito o membro só irá descobrir ao clicar na imagem. Peço a ajuda de vocês para que apareça uma legenda na imagem dos grupos, sem ser necessário clicar na imagem para descobrir o que se refere.

Aguardo respostas.

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:


Versão do meu fórum:
INVISION


Última edição por mocci em 18/08/12, 07:18 pm, editado 1 vez(es)
avatar

mocci
Membro do Fórum

Inscrito dia : 30/10/2009
Mensagens : 1434
Pontos Ativos : 2858

Ver perfil do usuário

Resolvido Re: Legenda nas imagens

Mensagem por Sennior em 17/08/12, 12:21 pm

Olá!

Leia este tópico para lhe auxilia-lo:


Até logo.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique
  • 0

Resolvido ²

Mensagem por mocci em 17/08/12, 12:55 pm

A parte onde se altera as legendas por imagens é fácil conclui com sucesso, porém a questão que estou colocando segue o exemplo a baixo:
No Tutorial
Correto? porém vamos ver seu rank, ao passo o link aparece a sequinte legenda

Gostaria de adicionar uma legenda nas legendas que foram substituídas por imagens.
Obrigado pela atenção, aguardo respostas;
avatar

mocci
Membro do Fórum

Inscrito dia : 30/10/2009
Mensagens : 1434
Pontos Ativos : 2858

Ver perfil do usuário

Resolvido Re: Legenda nas imagens

Mensagem por Sennior em 17/08/12, 09:54 pm

Olá!

Poderia me conceder o código criado por você para está função? Ou poderá também fazer com este código:

jQuery(document).ready(function(){g='Moderadores';jQuery('td.row1 span.gensmall:contains("Legenda") b a:contains("'+g+'"),#main-content p em b a:contains("'+g+'"),#pun-info #onlinelist p:contains("Legenda") b a:contains("'+g+'"),td.row2 div:contains("Legenda") b a:contains("'+g+'")').html('<img src="http://illiweb.com/fa/fdf/aidactif.png">')});

Apenas troque o que estas a usar por este, e veja se resulta.

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique
  • 0

Resolvido ³

Mensagem por mocci em 18/08/12, 07:00 pm

Olá Dr.House,
Segue como exemplo o código:
Código:
jQuery(document).ready(function(){g='Staff';jQuery('td.row1 span.gensmall:contains("Legenda") b a:contains("'+g+'"),#main-content p em b a:contains("'+g+'"),#pun-info #onlinelist p:contains("Legenda") b a:contains("'+g+'"),td.row2 div:contains("Legenda") b a:contains("'+g+'")').html('<img src="http://cdn2.iconfinder.com/data/icons/splashyIcons/marker_squared_yellow_green.png">')});
Aparentemente o código no qual me informou se resulto igual ao outro aplicado no tutorial, como podemos ver a imagem que eu estou usando não tem nada a identificar por isso peço que me ajude a adicionar uma legenda ao passar o curso do mouse.

Obrigado pela atenção.
aguardo respostas!
avatar

mocci
Membro do Fórum

Inscrito dia : 30/10/2009
Mensagens : 1434
Pontos Ativos : 2858

Ver perfil do usuário

Resolvido Re: Legenda nas imagens

Mensagem por MateusV. em 18/08/12, 07:10 pm

Olá"

Substitua o código por este:
jQuery(document).ready(function(){g='NOME';jQuery('td.row1 span.gensmall:contains("Legenda") b a:contains("'+g+'"),#main-content p em b a:contains("'+g+'"),#pun-info #onlinelist p:contains("Legenda") b a:contains("'+g+'"),td.row2 div:contains("Legenda") b a:contains("'+g+'")').html('<img src="IMAGEM" title="Titulo">')});

Abraços. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html
  • 0

Resolvido ³

Mensagem por mocci em 18/08/12, 07:17 pm

Excelente Batman,
Muito obrigado Batman e Dr.House pela atenção e serviços prestados.
Questão resolvida!
avatar

mocci
Membro do Fórum

Inscrito dia : 30/10/2009
Mensagens : 1434
Pontos Ativos : 2858

Ver perfil do usuário

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum