[Resolvido] Diminuir e aumentar imagens
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
[Resolvido] Diminuir e aumentar imagens
Olá.
Vinhe preguntar uma coisa que ja tenho obvervado aqui no FDF e no meu forum SitioMarado.
É oo seguinte: Quando eu meto um imagem com por exemplo: 500 de altura e 400 de largura, eu tinha um codigo (igual ao do fdf) para diminuir as imagens. Mas acho que esse codigo ou está bugado ou nao funciona. O codigo aqui no FDF (acho) que tambem nao funciona.
Como posso por o codigo a funcionar de novo?
Aguardando...
Vinhe preguntar uma coisa que ja tenho obvervado aqui no FDF e no meu forum SitioMarado.
É oo seguinte: Quando eu meto um imagem com por exemplo: 500 de altura e 400 de largura, eu tinha um codigo (igual ao do fdf) para diminuir as imagens. Mas acho que esse codigo ou está bugado ou nao funciona. O codigo aqui no FDF (acho) que tambem nao funciona.
Como posso por o codigo a funcionar de novo?
Aguardando...
Re: [Resolvido] Diminuir e aumentar imagens
Olá...
O código continua funcionando...
Crie uma nova página HTML para sustentar o código:
E agora adicione na descrição de seu fórum (antes de tudo):
Vermelho: Número (ID) da página HTML criada.
É provável que o código não funcione na pré-vizualização, mas após enviar a mensagem funcionará corretamente.
Abraços, Gabriel.
O código continua funcionando...
Crie uma nova página HTML para sustentar o código:
- Código:
// Exibir imagem em tamanho real, versão original do FdF PT
function resize_post_images(size, text) {
jQuery('.post .content div img').each(function() {
if(parseInt(jQuery(this).attr('width')) > size) {
jQuery(this)
.animate({width: '500px'}, 2000);
align = '';
if(jQuery(this).parent().css('text-align') == 'center') {align = 'margin: 0 auto;';}
jQuery(this).before('<div class="resizebox" style="width: ' + (size - 20) + 'px; text-align: center; display: block; ' + align + '"><a target="_blank" href="/viewimage.forum?u=' + jQuery(this).attr('src') + '">' + text + '</a></div>');
}
});
}
jQuery(document).ready( function() {
resize_post_images(500, 'Ver em tamanho real');
});
E agora adicione na descrição de seu fórum (antes de tudo):
<script src=/-h1.htm></script>
Vermelho: Número (ID) da página HTML criada.
É provável que o código não funcione na pré-vizualização, mas após enviar a mensagem funcionará corretamente.
Abraços, Gabriel.
Re: [Resolvido] Diminuir e aumentar imagens
Mas esse codigo é diferente do antigo.
Veija:
Porque o antigo deixou de funsionar?
Veija:
- Código:
// Exibir imagem em tamanho real, versão original do FdF PT
function resize_post_images() {
jQuery('.post .content div img').each(function() {
if(parseInt(jQuery(this).attr('width')) > 500) {
jQuery(this)
.animate({width: '500px'}, 2000);
if(jQuery(this).parent().css('text-align') != 'center') {
jQuery(this).before('<div style="width: 500px; text-align: center; display: block; font-size: 9px;"><a target="_blank" href="/viewimage.forum?u=' + jQuery(this).attr('src') + '"> (carregue aqui para aumentar)</a></div>');
}
else {
jQuery(this).before('<div style="width: 500px; text-align: center; display: block; margin: 0 auto; font-size: 9px;"><a target="_blank" href="/viewimage.forum?u=' + jQuery(this).attr('src') + '"> (carregue aqui para aumentar)</a></div>');
}
}
});
}
jQuery(document).ready( function() {
resize_post_images();
});
Porque o antigo deixou de funsionar?
![Tonto](/users/2612/28/77/07/smiles/93134.gif)
Re: [Resolvido] Diminuir e aumentar imagens
Olá.
Sempre usei em meu fórum o que lhe passei, por isso não sei como o antigo deixou de funcionar.
Mas esse que lhe passei funcionou?
Abraços, Gabriel.
Sempre usei em meu fórum o que lhe passei, por isso não sei como o antigo deixou de funcionar.
Mas esse que lhe passei funcionou?
Abraços, Gabriel.
Re: [Resolvido] Diminuir e aumentar imagens
Exprementei agora mesmo o codigo que vosse me passou e nao funcionou... é como nao tivesse metido o codigo.
![Tonto](/users/2612/28/77/07/smiles/93134.gif)
Re: [Resolvido] Diminuir e aumentar imagens
Olá,
Tem dois modos de fazer esse tipo de efeito.
Veja isto : [FAQ] Redimensionamento de imagens
Este sistema somente funciona para as imagens no fórum, porém existe um código CSS que redimensiona as imagens muito grandes para as dimensões máximas, porém mantendo uma proporção!
Veja este código:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilos CSS
Até mais.
Tem dois modos de fazer esse tipo de efeito.
Veja isto : [FAQ] Redimensionamento de imagens
Este sistema somente funciona para as imagens no fórum, porém existe um código CSS que redimensiona as imagens muito grandes para as dimensões máximas, porém mantendo uma proporção!
Veja este código:
Modifique os valores como desejar, para que as imagens fiquem com o tamanho máximo que julgar melhor. Depois de modificado, adicione-o em:.signature_div img {
max-height: ALTURApx;
max-width: LARGURApx;
}
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilos CSS
Até mais.
![Positivo](/users/2612/28/77/07/smiles/881231.gif)
![-](https://2img.net/i/fa/fdf3/moins10.png)
» Aumentar e diminuir tamanho de letra
» Aumentar e diminuir a fonte dos tópicos
» Botão de aumentar e diminuir texto
» Botões de aumentar e diminuir a fonte
» [TUTORIAL] Aumentar e diminuir a fonte dos tópicos
» Aumentar e diminuir a fonte dos tópicos
» Botão de aumentar e diminuir texto
» Botões de aumentar e diminuir a fonte
» [TUTORIAL] Aumentar e diminuir a fonte dos tópicos
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos