Esconder imagem gerada pelo Javascript – javascript jquery html

Pergunta:


Estou a usar a plugin do sharethis para fazer a partilha de conteudo nas redes sociais. Para isso estou a fazer a seguinte chamada:

<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=YOUR_PUBLISHER_ID"></script> 

O problema é que este código gera uma imagem, e queria usar umas imagens de partilha minhas:

<img width="125" border="0" height="16" alt="Share" src="//ct1.addthis.com/static/btn/v2/lg-share-pt.gif"></img>

É possível esconder a imagem em javascript? Para esconder a imagem estou a tentar da seguinte maneira mas não resulta:

<script>
 $('#teste2').find('img[src$="//ct1.addthis.com/static/btn/v2/lg-share-pt.gif"]').css('visibility', 'hidden');
</script>

Encontrei este exemplo na net, e consegui modifica-lo para o que queria. Mas neste caso não estou a conseguir, não sei se será pelo caminho da imagem gerada.

http://jsfiddle.net/bTf7K/162/

A questão é que as minhas imagens aparecem correctamente e fazem a partilha, mas também é adicionada a imagem a cima e queria esconde-la.

Autor da pergunta pc_oc

Sergio

Eu sugiro fazer uma procura às imagens que têm o dominio shareit no seu url (src) e escondê-las.

$('.sortEleWrapper img').each(function () {
    if (this.src.split('addthis.com/static/')[1]) this.style.display = 'none';
});

Neste caso usei o .sortEleWrapper como elemento ancestral/pai, mas se houver um mais perto meljor. A ideia é procurar todas as imagens dentro desse elemento e seus descendentes e esconder aqueles que têm uma parte do src contendo esta string addthis.com/static/

Exemplo

Outra ideia é pôr o script dentro de uma div “escudo”/wrapper e colocar no CSS uma regra para escondêr imagens que aí estejam com #escudo img{display: none;}

Exemplo

Uma ideia seria incluíres o ficheiro de script fazendo uso do $.getScript() de forma a incluíres o plugin do sharethis na página.

Desta forma podes estar atento e saber quando o mesmo foi carregado, executando assim o código para localizar e esconder a imagem:

var endereco = "http://s7.addthis.com/js/250/addthis_widget.js#username=YOUR_PUBLISHER_ID";

$.getScript( endereco )
.done(function( script, textStatus ) {
    // correu bem, localizar e esconder imagem que contém X
    $("img[src*='addthis.com']").hide();
})
.fail(function( jqxhr, settings, exception ) {
    // correu mal, agir em conformidade
});

Informações úteis:

Seu código não está completo.

Mas tente fazer a alteração pelo CSS.

.st_sharethis_custom{
   background: url("imagem.jpg") no-repeat;
   padding:0px 16px 0 0;
}

Fonte

Related Posts:

Qual a diferença entre AppCompatActivity e Activity? – android android-activity
Pergunta: Qual a diferença da AppCompatActivity para Activity ? A partir de qual versão a AppCompatActivity foi adicionada ao Android? Autor da pergunta Luhhh A diferença reside ...
Como abreviar palavras em PHP? – php string
Pergunta: Possuo informações comuns como nome de pessoas e endereços, e preciso que elas contenham no máximo 30 caracteres sem cortar palavras. Exemplo: 'Avenida Natalino João Brescansin' ...
Qual é a finalidade de um parêntese vazio numa declaração Lambda? – c# expressões-lambda característica-linguagem
Pergunta: Criei um exemplo de uma declaração Lambda sem argumentos, entretanto, estou com duvidas referente a omissão do parêntese vazio () na declaração. Veja o exemplo: class ...
Boas práticas para URI em API RESTful – api rest restful
Pergunta: Estou com dúvida em relação às URIs de alguns recursos da api que estou desenvolvendo. Tenho os recursos projetos e atividades com relação 1-N, ...
Dúvidas sobre a integração do MySQL com Java – java mysql netbeans
Pergunta: Estou criando um sistema no NetBeans, utilizando a linguagem Java e o banco de dados MySQL. Escrevi o seguinte código para realizar a conexão ...
Qual é a finalidade da pasta Model do framework Inphinit? – php inphinit
Pergunta: No Inphinit micro-framework existe a pasta Model que fica dentro da pasta application, e nela é onde ficam as classes, mas eu estou muito ...
Uso do ‘@’ em variáveis – javascript typescript coffeescript
Pergunta: Vejo em algumas linguagens que compilam para javascript, como TypeScript e CoffeeScript, o uso do @ em variáveis, como também, casos em que o ...
Qual tamanho máximo um arquivo JSON pode ter? – json arquivo
Pergunta: Vou dar um exemplo para conseguir explicar minha duvida: Preciso recuperar informação de imagens vindas de uma API, esse banco de imagens me retorna JSON's ...
O que é Teste de Regressão? – terminologia engenharia-de-software testes
Pergunta: Na matéria de Teste de Software o professor abordou um termo chamado Teste de Regressão, isto dentro da disciplina de teste de software. Sendo ...
O que é um construtor da linguagem? – php característica-linguagem
Pergunta: Em PHP, já li e ouvi várias vezes a respeito dos Construtores da Linguagem. Os casos que sempre ouvi falar deles foi em casos ...
Função intrínseca para converter numérico para string – cobol
Pergunta: Estou a tentar saber se existe alguma função intrínseca do COBOL para converter um data numérico para string sem precisar usar a cláusula REDEFINES: ( ...
Porque usar implements? – java android
Pergunta: Qual a diferença entre usar btn.setOnClickListener(new OnClickListener() { e public class MainActivity extends Activity implements OnClickListener{ Estive fazendo um curso de Android e meu professor falou que ...
O que é XHTML e quando deve ser usado? – html xml xhtml
Pergunta: O que eu sei é que o XHTML precisa ser XML válido. Isso implica, por exemplo, que todas as tags precisam ser fechadas. Por ...
Uma placa aceleradora de vídeo pode melhorar o desempenho não-gráfico? [fechada] – desempenho
Pergunta: Para desenvolver em Ruby on Rails, eu utilizo aqui uma máquina virtual do VirtualBox com Ubuntu Server 14.04 sem interface gráfica instalada. Recentemente descobri uma ...
Concat() VS Union() – c# .net
Pergunta: Qual a diferença entre Concat() e Union() ? Quando usar Concat() e quando usar Union() ? Somente pode ser usado em list ? ...

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *