Full Banner/Mini Banner SEM PERDA de Qualidade


O que o código faz?
Ele vai substituir os links de imagen, pelos links externos.

O que você precisa fazer:
1- Tenha o full banner criado com a quantidade de imagens que você precisa
2- Hospede suas imagens em algum lugar Exemplo: https://imgur.com
3- Pegue o link direto para a imagem, e cole no lugar indicado entre as aspas “LINK DA SUA IMAGEM


document.getElementsByClassName(“slides”)[0].getElementsByTagName(“img”)[0].src = “LINK DA SUA IMAGEN”;
document.getElementsByClassName(“slides”)[0].getElementsByTagName(“img”)[1].src = “LINK DA SUA IMAGEN”;
document.getElementsByClassName(“slides”)[0].getElementsByTagName(“img”)[2].src = “LINK DA SUA IMAGEN”;
document.getElementsByClassName(“slides”)[0].getElementsByTagName(“img”)[3].src = “LINK DA SUA IMAGEN”;


A quantidade de repetição deste código acima depende da quantidade de imagens que você precisa, se você usa 3 deixe apenas 3 linhas.

se usa mais adicione mais e mude a numeração desta parte do código também:
…(“img”)[3].src…
em vez do 3 vá acrescentando 4,5,6 etc…

Ondo colocar o codigo?
ENGRENAGEM >>> Incluir codigo HTML >>> AVANÇADO, Edite como na imagem abaixo:


Captura de Tela (1539)




Para os Mini banners utilize:
document.getElementsByClassName(“slides”)[0].getElementsByTagName(“img”)[0].src = “LINK DA SUA IMAGEN”;
document.getElementsByClassName(“slides”)[1].getElementsByTagName(“img”)[0].src = “LINK DA SUA IMAGEN”;
document.getElementsByClassName(“slides”)[2].getElementsByTagName(“img”)[0].src = “LINK DA SUA IMAGEN”;

8 curtidas

e quanto aos minibanners?

1 curtida

Ai no slides você passa pra [1] e no img começa do 0 e vai seguindo 1,2,3 etc…

document.getElementsByClassName(“slides”)[1].getElementsByTagName(“img”)[0].src = “LINK DA SUA IMAGEN”;
document.getElementsByClassName(“slides”)[1].getElementsByTagName(“img”)[1].src = “LINK DA SUA IMAGEN”;
document.getElementsByClassName(“slides”)[1].getElementsByTagName(“img”)[2].src = “LINK DA SUA IMAGEN”;

2 curtidas

O primeiro Minibanner deu certo, mas o segundo não.
Sabe o que pode ter dado errado?
Obrigada.

1 curtida

Consegui no segundo minibanner coloquei :
document.getElementsByClassName(“slides”)[2].getElementsByTagName(“img”)[0].src = “LINK DA SUA IMAGEN”;

3 curtidas

Verdade é preciso aumentar a numeração no slides e não no img, eu tinha testado apenas 1 mini banner…

1 curtida

Muito obrigada pela ajuda.

1 curtida

Aqui não está funcionando, consegue me ajudar? Capturar
www.cal86.com.br

1 curtida

Eu quero adicionar o banner, com qualidade (mais que os 500k permitidos), mas não sei mexer em código. Existe outro meio?

1 curtida

olhem esses topicos:

1 curtida

Amigo, Sabe porque do erro?

image

1 curtida

Estou com mesmo erro do Rafhael_Mathias, alguem poderia ajudar…

1 curtida

Aqui só funciona o full banner 1, o resto não :confused:

1 curtida

Estou com o mesmo erro do Rafhael_Mathias e andresaldanha. Conseguiram resolver?

1 curtida

Olá, aos que não conseguiram, só substituir as aspas " " do link

1 curtida

eu fiz o que falaram, mas aí o banner não aparece.
Tem que excluir o banner na opção de banner da plataforma e o único lugar que terá a imagem é no html ?
lá na opção default onde sobe os banners eu excluir os full banners, assim os full banners só estão no java script
COmo faria essa dica para o tarja banner pq o meu tb está sem qualidade.
obrigado!

1 curtida

@Rafael_Matias @lojaquadrinhos Se ainda não tiver conseguido aplicar o código por conta dos erros, tente substituir as aspas duplas do código ( " ) pela simples ( ’ ).

1 curtida

Olá, dá uma olhada nesse post.

1 curtida

Esse método de adicionar Banner através de link externo não funcionou em meu site, com a baixa qualidade que a própria plataforma causa em meus Banner, fica impraticável concluir minha loja. Alguém pode me ajudar??

1 curtida

Olá, tudo certo!

Esta parte de colocar o código no html entendi. Porém como faço para que o fullbanner chame esta imagem do link pois, invés da outra
? Pois ao CRIAR um FULLBANNER é obrigatório colocar uma imagem.

1 curtida