Botão para carregar imagem

4 participantes

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

Tópico resolvido Botão para carregar imagem

Mensagem por Vitor-Vicente 07.03.15 17:57

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Administrador
Navegador usado : Opera
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://mastergz.forumbrasil.net

Descrição do problema

Salve amigos forumeiros

Bom, ja que o tamanho da imagem nao  influencia no carregameto da pagina, eu pensei o seguinte entao ir de acordo com quem tem internet boa cria uma opçao de carregamento, nao sei se é valido.

http://prntscr.com/6dw6ad

criando um botao de opçoes, estilo botao mais!  Party
Vitor-Vicente

Vitor-Vicente
Membro

Membro desde : 19/02/2015
Mensagens : 552
Pontos : 775

http://mastergz.forumbrasil.net

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Botão para carregar imagem

Mensagem por Konai 08.03.15 6:05

Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão para carregar imagem

Mensagem por Vitor-Vicente 08.03.15 16:59

Hakuouki  amigo, vlw pelos topicos gostei muito mesmo, mas nao foi o meu pedido, mas os topicos é bastante interessante.

Eu prentendo mesmo é por um menu conforme esta descrito na imagem que postei.


Positivo
Vitor-Vicente

Vitor-Vicente
Membro

Membro desde : 19/02/2015
Mensagens : 552
Pontos : 775

http://mastergz.forumbrasil.net

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Botão para carregar imagem

Mensagem por Sennior 14.03.15 9:32

Saudações,

Seria um botão de não carregamento? Louco
Ou seja o fórum carregaria, aí a imagem só carregaria depois que o fórum todo estivesse carregado? É isso?

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão para carregar imagem

Mensagem por Vitor-Vicente 14.03.15 15:47

exato
Vitor-Vicente

Vitor-Vicente
Membro

Membro desde : 19/02/2015
Mensagens : 552
Pontos : 775

http://mastergz.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão para carregar imagem

Mensagem por EuficoLoko 14.03.15 22:15

Olá!

Segue o que eu compreendi:
Um botão será importado abaixo do menu, este, ao clicar não carregará as imagens do fórum?
Código:
/* EuficoLoko
Author: Theus;
skype: euficolouco.loko
*/
$(function(){
$('#page-header').after('<button id="lokocarregarimg">Ocultar imagens?</button>');
 $('#lokocarregarimg').click(function(){ $('img').hide();)});
});

Podemos ter o efeito ao contrário, remover as imagens e só exibir ao clicar no botão.

Código:
/* EuficoLoko
Author: Theus;
skype: euficolouco.loko
*/
$(function(){
$('#page-header').after('<button id="lokocarregarimg">Ocultar imagens?</button>');
$('img').hide();
 $('#lokocarregarimg').click(function(){ $('img').show();)});
});
Podemos também, deixar um 'toggle', ou seja, função alternativa. Ela oculta e desoculta.
Código:
/* EuficoLoko
Author: Theus;
skype: euficolouco.loko
*/
$(function(){
$('#page-header').after('<button id="lokocarregarimg">Ocultar imagens?</button>');
 $('#lokocarregarimg').click(function(){ $('img').toggle();)});
});
Importaremos esse script em:
Painel -> Módulos -> HTML e JavaScript -> JavaScript
Investimento: Em todas as páginas!

Agrada-lhe? Alterações?
EuficoLoko

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão para carregar imagem

Mensagem por Vitor-Vicente 14.03.15 22:40

Amigo, testei os 3 , e nao apareceu nenhum menu aqui nao, nada de diferente

--------------------------------------------

e antes eu ainda fiz alteraçao pra por o seu,

tirei essa linha do meu css

#left,#right{display:none}

Painel de Controle Módulos Gestão dos códigos JavaScript

Título Escolha o título que quiser
Investimento Em todas as páginas

retirei esse java tambem
jQuery(document).ready(function(){if(location.pathname=='/'){jQuery('#left,#right').show()}});




Vitor-Vicente

Vitor-Vicente
Membro

Membro desde : 19/02/2015
Mensagens : 552
Pontos : 775

http://mastergz.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão para carregar imagem

Mensagem por EuficoLoko 15.03.15 1:33

Olá!

Não e necessário desativar nada, ele ficará posicionado ao lado esquerdo. Feliz
Troque os códigos, respectivamente por estes:
Código:
    /* EuficoLoko
    Author: Theus;
    skype: euficolouco.loko
    */
    $(function(){
    $('#page-header').after('<button id="lokocarregarimg">Ocultar imagens?</button>');
    $('#lokocarregarimg').click(function(){ $('img').hide();});
    });

Código:
    /* EuficoLoko
    Author: Theus;
    skype: euficolouco.loko
    */
    $(function(){
    $('#page-header').after('<button id="lokocarregarimg">Ocultar imagens?</button>');
    $('img').hide();
    $('#lokocarregarimg').click(function(){ $('img').show();});
    });

Código:
    /* EuficoLoko
    Author: Theus;
    skype: euficolouco.loko
    */
    $(function(){$('#page-header').after('<button id="lokocarregarimg">Ocultar imagens?</button>');
    $('#lokocarregarimg').click(function(){ $('img').toggle();});
    });

Agrada-lhe? Podemos personalizar o 'Ocultar Imagens', com CSS. É só especificar. Feliz
EuficoLoko

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão para carregar imagem

Mensagem por Vitor-Vicente 15.03.15 2:10

Euficoloko amigo , funcionou , mas vc entendeu errado, nao é essas imagem que quero que suma nao, sao as imagem da coluna 3 que sao as gif, era isso ae mesmo de ter opçao de aparece ou sumir , mas nao essas imagens do meio, mas vlw , a ideia é essa mesmo
Vitor-Vicente

Vitor-Vicente
Membro

Membro desde : 19/02/2015
Mensagens : 552
Pontos : 775

http://mastergz.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão para carregar imagem

Mensagem por EuficoLoko 15.03.15 4:42

Terceira coluna? Hm..
Seria aquela 'Transmissão'?
Código:
    /* EuficoLoko
    Author: Theus;
    skype: euficolouco.loko
    */
    $(function(){$('#page-header').after('<button id="lokocarregarimg">Ocultar live?</button>');
    $('#lokocarregarimg').click(function(){ $('#right > div:nth-child(3)').toggle();});
    });
EuficoLoko

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão para carregar imagem

Mensagem por Vitor-Vicente 15.03.15 5:51

funcionou tbm, sera que ocultando as imagens o carregamento da pagina fica mais rapido ou vai ficar a mesma coisa, minha duvida é se o processamento vai ficar sendo o mesmo, só nao vai aparecer na tela?
Vitor-Vicente

Vitor-Vicente
Membro

Membro desde : 19/02/2015
Mensagens : 552
Pontos : 775

http://mastergz.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão para carregar imagem

Mensagem por EuficoLoko 15.03.15 16:03

Olá!

Podemos excluir as imagens do HTML do fórum, antes de serem carregadas. Porém, elas sairiam definitivamente do HTML.
Podemos oculta-las antes de serem visualizadas, mas o processamento seria o mesmo. Enfim, isso não muda muito no carregamento. Feliz

Algo a mais?
EuficoLoko

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão para carregar imagem

Mensagem por Vitor-Vicente 16.03.15 0:05

eu nao entendir aqui muito bem , a live e as gif sendo oculta , elas estão sendo processadas mesmo estando oculta?

pra eu tomar uma decissao aqui preciso de alguma informaçoes, referente esse codigo abaixo

1- sera que com esse codigo , logico alterando alguns parametros, pra nao aparecer o botao de escolha,
mas com a funçao de quando entrar em algum topico pra entrar em outra pagina , nao deixar aparecer e nem carregar as coluna 1 e 3 das proximas paginas.


/* EuficoLoko
Author: Theus;
skype: euficolouco.loko
*/
$(function(){$('#page-header').after('<button id="lokocarregarimg">Ocultar live?</button>');
$('#lokocarregarimg').click(function(){ $('#right > div:nth-child(3)').toggle();});
});
Vitor-Vicente

Vitor-Vicente
Membro

Membro desde : 19/02/2015
Mensagens : 552
Pontos : 775

http://mastergz.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão para carregar imagem

Mensagem por EuficoLoko 16.03.15 0:52

Vamos ver se eu entendi, deseja o efeito de ocultar sem o botão já ativo nos tópicos?
Código:
Código:
    /* EuficoLoko
    Author: Theus;
    skype: euficolouco.loko
    */
    $(function(){
 $('#right > div:nth-child(3)').toggle();
    });
Investimento:
Nós tópicos!
EuficoLoko

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão para carregar imagem

Mensagem por Vitor-Vicente 16.03.15 1:20

nao funcionou.

e marquei tambem

No portal Nos sub-fóruns Nos tópicos Na galeria
Vitor-Vicente

Vitor-Vicente
Membro

Membro desde : 19/02/2015
Mensagens : 552
Pontos : 775

http://mastergz.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão para carregar imagem

Mensagem por EuficoLoko 16.03.15 16:27

Eu não entendi ainda, poderia me clarear a mente? o\
EuficoLoko

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão para carregar imagem

Mensagem por Vitor-Vicente 16.03.15 17:03

ola. Euficolco

vc nao me passou esse codigo aqui

/* EuficoLoko
Author: Theus;
skype: euficolouco.loko
*/
$(function(){$('#page-header').after('<button id="lokocarregarimg">Ocultar live?</button>');
$('#lokocarregarimg').click(function(){ $('#right > div:nth-child(3)').toggle();});
});

entao

mas nao precisaria de botao pra clicar e sumir
a ideia é de nehuma paginas aparecer a coluna 1 e nem a 3,   somente a pagina principal aparecer essas 2 colunas.

pagina principal carrega normal .
Vitor-Vicente

Vitor-Vicente
Membro

Membro desde : 19/02/2015
Mensagens : 552
Pontos : 775

http://mastergz.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão para carregar imagem

Mensagem por EuficoLoko 16.03.15 19:39

Olá!

Vamos ver se eu entendi. Quer que as colunas 1 e 3, fiquem ocultas?
Vá em:
Painel - Visualização - Template - Index_body:
Código:
<style type="text/css"> #right > div:nth-child(3), #right > div:nth-child(1) {display: block !important}</style>
E na sua CSS, adicione:
Código:
 #right > div:nth-child(3), #right > div:nth-child(1) {display: none !important}
EuficoLoko

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão para carregar imagem

Mensagem por Vitor-Vicente 16.03.15 21:08

olá!

testei mas vc nao entendeu, seu codigo faz tirar a live da primeira pagina, da pagina principal e das outras tbm e olha o que eu disse anteriormente

"a ideia é de nehuma paginas aparecer a coluna 1 e nem a 3,   somente a pagina principal aparecer essas 2 colunas."

mas tudo bem , mas mesmo assim valeu, a coluna toda nao sumiu , mas a live sumiu.

e eu estou usando esse  codigo aqui

na css

#left,#right{display:none}

e no JS

investimento:  em todas as paginas
jQuery(document).ready(function(){if(location.pathname=='/'){jQuery('#left,#right').show()}});

e ta funcionando bem, ele nao tira as colunas 1 e 3 da pagina principal e tira de todas as outras paginas.

por onde vc foi achei mas complicado pra mim.

mas vlw, agradecido
Vitor-Vicente

Vitor-Vicente
Membro

Membro desde : 19/02/2015
Mensagens : 552
Pontos : 775

http://mastergz.forumbrasil.net

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Botão para carregar imagem

Mensagem por Konai 29.03.15 3:35

Segundo o regulamento do setor de suporte, tópicos com mais de 7 dias devem ser arquivados por abandono do próprio autor. Você poderá obter mais informações lendo este tópico:
Regras para a postagem de dúvidas

Caso ainda tenha dúvidas, aconselhamos que crie um novo tópico no setor de suporte, tendo em vista que este não deve ficar na seção por mais de 7 dias.
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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