JScript

Programação & Desenvolvimento


Você não está conectado. Conecte-se ou registre-se

Como selecionar uma imagem pelo src

3 participantes

Ir para baixo  Mensagem [Página 1 de 1]

1Como selecionar uma imagem pelo src Empty Como selecionar uma imagem pelo src Qui 24 Out 2013, 2:45 pm

waghcwb

waghcwb
Desenvolvedores
Desenvolvedores

Olá amigos, gostaria de saber como faço para 'getar' a url de uma imagem e dar um replaceWith nela, algo assim..
Código:
$(document).ready(function(){
   $("body").find("img").attr("src", "LINK DA IMAGEM")(function(){
      $(this).replaceWith('TESTE');
   });
});
Claro que isso ai deve estar tudo errado kkk, gostaria de encontrar alguma imagem dentro do fórum..

Versão: PunBB
Link: http://conexaoarmy.forumeiros.com

http://wagneraugusto.com.br/

2Como selecionar uma imagem pelo src Empty Re: Como selecionar uma imagem pelo src Qui 24 Out 2013, 2:55 pm

JScript

JScript
Administradores
Administradores

Olá!

Não entendi muito bem, mas aqui está um código que troca todas as imagens de seu fórum por esta:
Como selecionar uma imagem pelo src Favicon
Código:

$(document).ready(function(){
   $("body").find("img").attr("src", "http://punbb.informer.com/favicon.ico");
});
O que desejas é trocar uma imagem em específico?

JS

http://autoitbrasil.com

3Como selecionar uma imagem pelo src Empty Re: Como selecionar uma imagem pelo src Qui 24 Out 2013, 3:01 pm

waghcwb

waghcwb
Desenvolvedores
Desenvolvedores

Gostaria de trocar alguns botões por um span
Como selecionar uma imagem pelo src Icon_post_quote_en
Essa deveria ficar
Código:
<span class="quote">Quote</span>
Existe esta maneira aqui
Código:
$(function(e) {
   $('.i_icon_quote').replaceWith('<span class="info-box-red">Quote</span>');
});
Porém é por class, e eu gostaria de encontrar pelo src...

http://wagneraugusto.com.br/

4Como selecionar uma imagem pelo src Empty Re: Como selecionar uma imagem pelo src Qui 24 Out 2013, 3:27 pm

JScript

JScript
Administradores
Administradores

Pra encontrar pelo src, será preciso verificar se um determinado src é igual a fulano_de_tal o que demandará tempo e desperdício na busca através do DOM!!!

Veja que buscar pelo ID é mais rápido do que pela classe e bem mais rápido do que pelos valores!

Seja mais específico, o que deseja realmente trocar?

JS

http://autoitbrasil.com

5Como selecionar uma imagem pelo src Empty Re: Como selecionar uma imagem pelo src Qui 24 Out 2013, 3:29 pm

waghcwb

waghcwb
Desenvolvedores
Desenvolvedores

Os botões do fórum amigo
Como selecionar uma imagem pelo src Icon_post_quote_enComo selecionar uma imagem pelo src Icon_multiquote_off_en e etc.
Quero troca-los por spans para poder estilizar pelo CSS

http://wagneraugusto.com.br/

6Como selecionar uma imagem pelo src Empty Re: Como selecionar uma imagem pelo src Qui 24 Out 2013, 3:36 pm

joelson0007

joelson0007
Moderadores
Moderadores

onde está esse botões lá no fórum, pois não encontrei Sad 

7Como selecionar uma imagem pelo src Empty Re: Como selecionar uma imagem pelo src Qui 24 Out 2013, 3:39 pm

Convidado

avatar
Convidado

Amigo, isso pode te ajudar e várias pessoas que também tem essa dúvida:

Código:
$(document).ready(function(){
$('a[href="/"]').replaceWith('<span class="quote">Quote</span>');
)};
Até mais!

8Como selecionar uma imagem pelo src Empty Re: Como selecionar uma imagem pelo src Qui 24 Out 2013, 3:42 pm

JScript

JScript
Administradores
Administradores

Wagner' escreveu:Os botões do fórum amigo
Como selecionar uma imagem pelo src Icon_post_quote_enComo selecionar uma imagem pelo src Icon_multiquote_off_en e etc.
Quero troca-los por spans para poder estilizar pelo CSS
Mas todos esses botões contém suas próprias classes, veja:
Como selecionar uma imagem pelo src ZeVB2gH

Então não há necessidade de procurar pelo src da imagem deles!

BαηgBαηg escreveu:Amigo, isso pode te ajudar e várias pessoas que também tem essa dúvida:

Código:
$(document).ready(function(){
$('a[href="/"]').replaceWith('<span class="quote">Quote</span>');
)};
Até mais!
Ai você definiu que todos os links seriam iguais a <span class="quote">Quote</span>

JS



Última edição por JScript em Qui 24 Out 2013, 3:44 pm, editado 1 vez(es)

http://autoitbrasil.com

9Como selecionar uma imagem pelo src Empty Re: Como selecionar uma imagem pelo src Qui 24 Out 2013, 4:25 pm

waghcwb

waghcwb
Desenvolvedores
Desenvolvedores

@joelson0007, são os botões padrões do fórum, criar tópicos, quote, etc.
@JScript, agora que fui ver, é que estava com dificuldades de encontrar a class do Multi Quote, agora que notei que é um ID, meio estranho mas é né (#post_mq6_9)
Mas a título de curiosidade mesmo, como fariam isso? Fiquei curioso xD

http://wagneraugusto.com.br/

10Como selecionar uma imagem pelo src Empty Re: Como selecionar uma imagem pelo src Qui 24 Out 2013, 5:26 pm

JScript

JScript
Administradores
Administradores

Sim, o {postrow.displayed.MULTIQUOTE_IMG} já é por ID, pois cada um tem que ser único e o script tem que saber cada um que você clicou para dar o "multi quote"!

JS

http://autoitbrasil.com

11Como selecionar uma imagem pelo src Empty Re: Como selecionar uma imagem pelo src Qui 24 Out 2013, 5:45 pm

waghcwb

waghcwb
Desenvolvedores
Desenvolvedores

JScript escreveu:Sim, o {postrow.displayed.MULTIQUOTE_IMG} já é por ID, pois cada um tem que ser único e o script tem que saber cada um que você clicou para dar o "multi quote"!

JS
Entendi, mas.. Como você faria da maneira que eu disse? Fiquei curioso quanto a este método, nunca vi um script assim e gostaria de saber como seria xD

http://wagneraugusto.com.br/

12Como selecionar uma imagem pelo src Empty Re: Como selecionar uma imagem pelo src Qui 24 Out 2013, 5:56 pm

Convidado

avatar
Convidado

Creio que seja isso que queres fazer:
Código:
$(function(e) {
  $('img[src="http://2img.net/i/fa/prosilver/icon_post_quote_en.png"]').replaceWith('<span class="info-box-red">Quote</span>');
});
Até mais!

13Como selecionar uma imagem pelo src Empty Re: Como selecionar uma imagem pelo src Qui 24 Out 2013, 6:19 pm

waghcwb

waghcwb
Desenvolvedores
Desenvolvedores

Daemon escreveu:Creio que seja isso que queres fazer:
Código:
$(function(e) {
  $('img[src="http://2img.net/i/fa/prosilver/icon_post_quote_en.png"]').replaceWith('<span class="info-box-red">Quote</span>');
});
Até mais!
Exatamente xD
Obrigado..

http://wagneraugusto.com.br/

Conteúdo patrocinado



Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos