Olá,

Reparei que no meu fórum não está a funcionar o "Redimensionamento de imagens" já fui ao Painel de Controlo e está tudo em ordem está até "500 x 300" só que não está a resultar.

Aqui fica um tópico como exemplo: http://www.suportedesign.net/t1204-galeria-ismaels



www.suportedesign.net || PunBB

Olá!

O problema é que você ou melhor, o admin de seu fórum "comentou" a função no template viewtopic_body, veja:

Código:


<!-- <script type="text/javascript">//<![CDATA[ $(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : 500, 'max_height' : 300 }));//]]></script>-->


É só retirar os <!-- e -->.

A propósito, porque é você que pede ajuda e não o admin de seu fórum?

Nota: Não ponha mais prefixo de tags como [Pedido] no título!

JS

Olá,

Fiz o que pediu mas continua igual:

Código:

<script type="text/javascript">//<![CDATA[ $(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : 500, 'max_height' : 300 }));//]]></script>

Porque eu tenho acesso lá em tudo e estou lá em ajudar, porque tem problema ?

Sim, eu vi que o código de resize está ativo, porém está reportando um erro no arquivo pt.js da Forumeiros, mas na realidade não é bem um erro no arquivo e sim algum outro código .JS está influenciando sobre isso!

O erro apresentado está aqui:

Código:

tmp = jQuery.makeArray(imgs);

Pertencente a função function resize_images(o) do arquivo mencionado, mas como esse arquivo é usado aqui também - pt - e está funcionando bem, por isso afirmo que é algum outro código que está em conflito!!!

Me dê um tempo até que eu possa identificar ok?

JS

Pelo que pude constatar no FdF, muitos fóruns da versão PunBB estão tendo esse problema de resize.

Adicione esse css:

Código:

.entry-content img {
max-width: 500px!important;
max-height: 300px!important;
}

Lembrando que isso não fará imagens pequenas serem desse tamanho, ele fará apenas com que não ultrapasse esse tamanho.

Sim, não está descartado algum problema no arquivo que falei acima, mas eu testei aqui e a estrutura tem que ficar da seguinte forma:


Perceba que tem toda uma estrutura de um <span> antes da imagem!!!

Aqui está a estrutura no fórum dele:


Está faltando o <span> com a estrutura do resize...

JS

Então poderíamos adicionar um script que escreva essa estrutura com um prepend. O que acha?

Pode ser, mas não é a forma nativa...

É um paliativo, mas no caso do fórum dele que é versão PunBB, tem 10 códigos JavaScript adicionados fora dos templates, neste caso fica fácil ele desativar todos e ver se o resize volta a funcionar, depois vai ativando um a um até que encontre qual está dando conflito.

JS

@Legolas
Olá,

Já tive esse código mas não me agradou, se conseguirem resolver fico à espera então ;D

@IsmaelS

Faça o que eu disse na mensagem anterior: http://jscript.forumeiros.com/t400-problema-na-funcao-de-expandir-imagens#2789

JS

Olá,

Lamento pela demora, mas não resultou amigo...

Certo, só confirmando: você desativou todos os scripts e tentou o que o @JScript falou?

@Legolas ->

Se adiciona-se á função de 'Expandir e Minimizar' pelo prepend, seria muito difícil, não ter um conflito, Já que a função nativa está em conflito, uma paralela também deve ficar. Como irá fazer neste caso?

Veja bem, como verificado pelo @JScript, a função resize do forum dele está faltando a estrututa do post, veja nessa imagem http://jscript.forumeiros.com/t400-problema-na-funcao-de-expandir-imagens#2787

A ideia era adicionar essa estrutura que falta pelo prepend. Também não sei se ia funcionar, pois como constatado pelo @JScript, o forum dele possui muitos scripts pela gestão de java.

Olá,

@Legolas, sim desativei e testei e continua igual, podemos tentar adicionar o tal código ...

Ok, vamos tentar, embora eu não tenha muita esperança para isso.

Adicione em seu template overall_header, antes de </head>

Código:

<script type="text/javascript">
$(function(){
        $('img.resize_img').prepend('<span class="resizebox gensmall clearfix" style="width:320px"><span class="resize_border clearfix"><span class="resize_content clearfix"><a class="enlarge" href="#">Expandir esta imagem</a><a class="resize" href="#">Reduzir esta imagem</a><span class="resize_filler">Ver em tamanho real</a></span></span></span><br>');
});
</script>

Olá,

Não resultou

Então aguerde até que o @JScript possa ver uma solução. Pois o mais provável seria o encaminhamento aos técnicos da forumeiros.

@Legolas

Definitivamente não seria essa a solução pois aqui em nosso fórum eu testei e está funcionando normalmente, apenas eu não gosto dessa função nativa pois demanda tempo de execução dedicado apenas pra ao clicar a imagem será expandida, prefiro a solução que usamos aqui somente por CSS!

Aliás, falando nisso, ele pediu o código referente ao que usamos aqui e pelo visto ele não usou, isso está mais pra problemas com script e templates com edições erradas...

Eu vou verificar novamente no fórum dele, mas desta vez eu desativarei todos os scripts pra fazer realizar o teste,

JS

Olá,

Agora que reparei se colocar uma imagem muito grande e fizer Pré-Visualizar já faz o tal efeito de Expandir Imagem e Ver no tamanho Real.

Não entendi.

Lembre-se que o sistema de resize só se aplica a imagens que estiverem acima da meta que você estabeleceu, se a imagem for menor não terá efeito, ficará do esmo tamanho. Entendeu?

Imagine eu coloco uma imagem que ultrapassa as medidas que desejo, mas se fizer "Pré-Visualizar" essa função funciona, percebeu?