Redimensionador de imagens

+3
LucasChaotic
Dury
juninho_xd
7 participantes

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

Tópico resolvido Redimensionador de imagens

Mensagem por juninho_xd 19.08.11 3:46

Qual é minha questão:
Olá pessoal, gostaria de saber se tem algum redimensionar de imagem JavaScript / jQuery.

Claro sem ser o padrão que vem nos fórums.

E se tem como alterar aquele, e por um superior.

Tentei usar esse código, mais nada feito.

Código:
(function($) {
    $.fn.resize = function(options) {
 
        var settings = $.extend({
            scale: 1,
            maxWidth: null,
         maxHeight: null
        }, options);
 
        return this.each(function() {
         
         if(this.tagName.toLowerCase() != "img") {
            // Only images can be resized
            return $(this);
         }

         var width = this.naturalWidth;
         var height = this.naturalHeight;
         if(!width || !height) {
            // Ooops you are an IE user, let's fix it.
            var img = document.createElement('img');
            img.src = this.src;
            
            width = img.width;
            height = img.height;
         }
         
         if(settings.scale != 1) {
            width = width*settings.scale;
            height = height*settings.scale;
         }
         
         var pWidth = 1;
         if(settings.maxWidth != null) {
            pWidth = width/settings.maxWidth;
         }
         var pHeight = 1;
         if(settings.maxHeight != null) {
            pHeight = height/settings.maxHeight;
         }
         var reduce = 1;
         
         if(pWidth < pHeight) {
            reduce = pHeight;
         } else {
            reduce = pWidth;
         }
         
         if(reduce < 1) {
            reduce = 1;
         }
         
         var newWidth = width/reduce;
         var newHeight = height/reduce;
         
         return $(this)
            .attr("width", newWidth)
            .attr("height", newHeight);
         
        });
    }
})(jQuery);

Obrigado desde já.

Medidas que eu tomei para corrigir o problema:
Tentei procurar no google.

Imagens do meu problema:


Endereço do meu fórum:
http://high-tech.livreforum.com/

Versão do meu fórum:


Última edição por juninho_xd em 19.08.11 3:51, editado 1 vez(es)
juninho_xd

juninho_xd
Membro

Membro desde : 25/06/2010
Mensagens : 859
Pontos : 1349

https://tech-gamex.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionador de imagens

Mensagem por Dury 19.08.11 3:49

Olá Juninho.

A qual imagem se refere? Se for redirecionador de fórum, podemos usar esse código:
Código:
<meta http-equiv=refresh content=3;URL=ENDEREÇO_DA_PAGINA />

Até mais!
Dury

Dury
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionador de imagens

Mensagem por juninho_xd 19.08.11 3:52

Desculpe, confundi as palavras rss.

é redimensionar.

Obrigado desde já.
juninho_xd

juninho_xd
Membro

Membro desde : 25/06/2010
Mensagens : 859
Pontos : 1349

https://tech-gamex.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionador de imagens

Mensagem por LucasChaotic 19.08.11 4:00

Seria Isso ?
Painel de Controle > Geral > Mensagens e E-mails > Configuração
Vá em Redimensionamento de imagens
Lá Terá a Altura e A Largura Para Definir o Redimensionamento Automático do Fórum..

Ajudou?Se Sim clique em Obrigado
LucasChaotic

LucasChaotic
**

Membro desde : 14/03/2011
Mensagens : 79
Pontos : 114

http://narutostorm-online.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionador de imagens

Mensagem por juninho_xd 19.08.11 4:50

Sim sim, isso eu ja sei maninho.

Eu quero um redimensionador de imagens em javascript.

Tipo, não precisa ser muito perfeito.

Que nem esse código acima. Queria fazer ele funcionar, se alguém poder me ajudar eu agradeço, desde já muito obrigado.
juninho_xd

juninho_xd
Membro

Membro desde : 25/06/2010
Mensagens : 859
Pontos : 1349

https://tech-gamex.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionador de imagens

Mensagem por Luciano98 19.08.11 22:30

Olá!

Você quer um simples código que redimensiona todas as imagens para uma certa resolução? Você quer aplicar esse código aos posts, ao fórum todo ou a outro local.

Até mais.
Luciano98

Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionador de imagens

Mensagem por juninho_xd 21.08.11 18:03

Tipo, quero que quando clica na foto, ela expande para o tamanho real.

Mais com efeito javascript.

E somente do subforum.

Obrigado desde já.

Desculpe a demora.
juninho_xd

juninho_xd
Membro

Membro desde : 25/06/2010
Mensagens : 859
Pontos : 1349

https://tech-gamex.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionador de imagens

Mensagem por Luciano98 28.08.11 2:48

juninho_xd escreveu:Tipo, quero que quando clica na foto, ela expande para o tamanho real.

Mais com efeito javascript.

E somente do subforum.

Obrigado desde já.

Desculpe a demora.
Como assim somente do subfórum? Aonde exatamente você quer aplicar o efeito?
Creio que as imagens dos fóruns e subfóruns não são grandes o suficiente para ter de receber esse efeito.

Até mais.
Luciano98

Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionador de imagens

Mensagem por juninho_xd 28.08.11 3:42

Olá, gostaria que funcionasse somente nos tópicos e no widget (Novidades)

Att.
juninho_xd

juninho_xd
Membro

Membro desde : 25/06/2010
Mensagens : 859
Pontos : 1349

https://tech-gamex.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionador de imagens

Mensagem por seender 29.08.11 6:02

Olá!

Veja este tutorial:
Spoiler:
Resolve?

Melhores cumprimentos,
seender
seender

seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionador de imagens

Mensagem por juninho_xd 30.08.11 22:54

Olá, deu certo mais na hora de colocar na descrição, não esta cabendo la.

O que eu faço?
juninho_xd

juninho_xd
Membro

Membro desde : 25/06/2010
Mensagens : 859
Pontos : 1349

https://tech-gamex.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionador de imagens

Mensagem por Dury 31.08.11 0:07

Olá,

O que não deu? O que tentou colocar lá? Script?
Dury

Dury
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionador de imagens

Mensagem por juninho_xd 31.08.11 4:46

Sim coloquei sim, deu tudo certo, só na hora de:

Código:

1º - Instalar o jQuery:
Esse código poderá ser utilizado apena em "Widgets Personalizados" (apenas se aparecer o pé dos tópicos), e na "Descrição do fórum":

Caso queria por na descrição siga: Painel de Controle -> Geral -> Fórum -> Configurações

Código:

    <script src=http://bit.ly/e4TWhG></script>

Não esta dando para colocar:
<script src=http://bit.ly/e4TWhG></script>

Att.
juninho_xd

juninho_xd
Membro

Membro desde : 25/06/2010
Mensagens : 859
Pontos : 1349

https://tech-gamex.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionador de imagens

Mensagem por seender 31.08.11 4:51

Claro que cabe, o que lhe é exibido? acabo de testar em meu fórum e funciona na descrição...
seender

seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionador de imagens

Mensagem por Lucas2122 31.08.11 23:31

Seender codico fez nem um efeito.
Lucas2122

Lucas2122
Membro

Membro desde : 17/08/2011
Mensagens : 774
Pontos : 1348

http://moldentec.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionador de imagens

Mensagem por CaiqueNWX 03.09.11 13:14

Olá, acho que seria isso que você esta procurando...

Código:
<img src="ENDEREÇO DA IMG" widht="ALTURA DESEJADA" height="LARGURA DESEJADA">

Bem, acho que e so isso ae, basta você fazer isso em qualquer imagem que queira redimensionar, mas os HTML do seu forum tem que estar ativado. caso não esteja siga a seguinte instrução:

~ HTLM Codes é a opção que lhe permite ver os codigos HTML's do fórum. É concelhavel ativar esta opção já que os fórum contêm alguns registros para redimencionar imagens. Para ativar esta opção, vá em Perfil em seguida clique em Preferências, então procure pela opção Sempre permitir HTML e clique em Sim, após isso salve e pronto.

Espero ter Ajudado, Atenciosamente CaiqueNWX.
CaiqueNWX

CaiqueNWX
Novo Membro

Membro desde : 01/09/2011
Mensagens : 4
Pontos : 6

http://narutowx.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionador de imagens

Mensagem por Convidad 05.09.11 21:07

seender escreveu:Olá!

Veja este tutorial:
Spoiler:
Resolve?

Melhores cumprimentos,
seender


Por favor autor, siga o tutorial passado pelo staffer Seender. A única coisa a ser mudada em todos os passos, é que você não precisa colocar nada na descrição do fórum...

Ao invés de criar uma página HTML, crie uma página JS e selecione aonde o código deve surtir efeitos.

Piscada
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

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


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