Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
239 usuários online :: 5 usuários cadastrados, 1 Invisível e 233 Visitantes :: 1 Motor de busca

Hastad, LeoziN_WallkeR, Lost154, Shek, virus

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 10:05

Botão para carregar imagem

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

Resolvido Botão para carregar imagem

Mensagem por Vitor-Vicente em Sab 7 Mar 2015 - 12: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
avatar

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

Ver perfil do usuário http://mastergz.forumbrasil.net

Resolvido Re: Botão para carregar imagem

Mensagem por Gaaratsu em Dom 8 Mar 2015 - 1:05

avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Botão para carregar imagem

Mensagem por Vitor-Vicente em Dom 8 Mar 2015 - 12: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
avatar

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

Ver perfil do usuário http://mastergz.forumbrasil.net

Resolvido Re: Botão para carregar imagem

Mensagem por Sennior em Sab 14 Mar 2015 - 5: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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 09/06/2011
Mensagens : 16302
Pontos Ativos : 20790

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

Resolvido Re: Botão para carregar imagem

Mensagem por Vitor-Vicente em Sab 14 Mar 2015 - 11:47

exato
avatar

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

Ver perfil do usuário http://mastergz.forumbrasil.net

Resolvido Re: Botão para carregar imagem

Mensagem por EuficoLoko em Sab 14 Mar 2015 - 18: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?
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Botão para carregar imagem

Mensagem por Vitor-Vicente em Sab 14 Mar 2015 - 18: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()}});




avatar

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

Ver perfil do usuário http://mastergz.forumbrasil.net

Resolvido Re: Botão para carregar imagem

Mensagem por EuficoLoko em Sab 14 Mar 2015 - 21: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
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Botão para carregar imagem

Mensagem por Vitor-Vicente em Sab 14 Mar 2015 - 22: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
avatar

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

Ver perfil do usuário http://mastergz.forumbrasil.net

Resolvido Re: Botão para carregar imagem

Mensagem por EuficoLoko em Dom 15 Mar 2015 - 0: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();});
    });
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Botão para carregar imagem

Mensagem por Vitor-Vicente em Dom 15 Mar 2015 - 1: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?
avatar

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

Ver perfil do usuário http://mastergz.forumbrasil.net

Resolvido Re: Botão para carregar imagem

Mensagem por EuficoLoko em Dom 15 Mar 2015 - 12: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?
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Botão para carregar imagem

Mensagem por Vitor-Vicente em Dom 15 Mar 2015 - 20: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();});
});
avatar

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

Ver perfil do usuário http://mastergz.forumbrasil.net

Resolvido Re: Botão para carregar imagem

Mensagem por EuficoLoko em Dom 15 Mar 2015 - 20: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!
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Botão para carregar imagem

Mensagem por Vitor-Vicente em Dom 15 Mar 2015 - 21:20

nao funcionou.

e marquei tambem

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

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

Ver perfil do usuário http://mastergz.forumbrasil.net

Resolvido Re: Botão para carregar imagem

Mensagem por EuficoLoko em Seg 16 Mar 2015 - 12:27

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

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Botão para carregar imagem

Mensagem por Vitor-Vicente em Seg 16 Mar 2015 - 13: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 .
avatar

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

Ver perfil do usuário http://mastergz.forumbrasil.net

Resolvido Re: Botão para carregar imagem

Mensagem por EuficoLoko em Seg 16 Mar 2015 - 15: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}
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Botão para carregar imagem

Mensagem por Vitor-Vicente em Seg 16 Mar 2015 - 17: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
avatar

Vitor-Vicente
Usuário destaque

Masculino
Inscrito dia : 19/02/2015
Mensagens : 552
Pontos Ativos : 775

Ver perfil do usuário http://mastergz.forumbrasil.net

Resolvido Re: Botão para carregar imagem

Mensagem por Gaaratsu em Sab 28 Mar 2015 - 22: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.
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

Ver perfil do usuário http://narutongo.forumeiros.com/

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