Fórum OpenCart Brasil

Bom dia pessoal.

Gostaria de parabenizá-los pela comunidade, sou novato no OC, mas em
1 semana que estou frequentando esse forum, já aprendí muito com vcs.

Parabéns!!

Agora me surgiu uma dúvida:

Eu estou utilizando o Nivo na minha página que ainda estou configurando, sendo
assim, eu não posso trabalhar com o Layout pra se ajustar à resolução né?
Acredito que terei problemas em relação às imagens do banner.

Teria como fazermos alguma coisa para que as imagens não fiquem distorcidas
dependendo da resolução utilizada?

Obrigado.
Rogério

Não tem como fazermos nada, pessoal?

Olhá rogério... é bem complicado isso.. imagine um monitor de 1440, outro de 2100 e assim vai.. o site ia ficar muito ruim..

Por isso recomendo mesmo que você faça algo elástico limite o tamanho máximo (para 1280 creio que seja mais que suficiente!)

Agora o nivo por padrão nao tem esse recurso, já que ele usa background images... voce teria que achar outro plugin ou mesmo desenvolver um... quem sabe eu não faço algo assim em breve hehe

[]'s

Blz, Rochester....... já imaginava uma resposta assim, só não queria acreditar

Se vc desenvolver algo futuramente, será bacana.


Obrigado pelo suporte.

Não sei se já ouviram falar sobre o Supersized faço uso dele em um site que estou desenvolvendo.

Ele redimenciona as imagens conforme a resolução do monitor ou mesmo do browser mudando as imagens, tbm cada imagen se tiver link tbm funciona como no nivoslider, só não tem os efeitos de transição como no nivo.

TEnho certeza que dá para adaptar para fazer um banner com ele tbm pois no background do site faço a busca das imagens em uma pasta. Começei agora tambem a trabalhar com esta ferramenta maravilhosa que o Opencart e estou fazendo várias mudanças e como surgio esta idéia RogérioF vou fazer os testes e posto aqui.
Procura no site do supersized que voce tem mais infomações.

joao mello escreveu:Não sei se já ouviram falar sobre o Supersized faço uso dele em um site que estou desenvolvendo.

Ele redimenciona as imagens conforme a resolução do monitor ou mesmo do browser mudando as imagens, tbm cada imagen se tiver link tbm funciona como no nivoslider, só não tem os efeitos de transição como no nivo.

TEnho certeza que dá para adaptar para fazer um banner com ele tbm pois no background do site faço a busca das imagens em uma pasta.

Código: Selecionar todos

jQuery(function($){
$.supersized({
  //Functionality
  slideshow : 1,		
  autoplay : 1,		
  start_slide : 1,		
  slide_interval : 5000,
  transition  : 1,
  transition_speed :800,
  performance :1,
  slides :[
//Slideshow Images
<?php 
 $pasta = 'images/bgs/'; //Pasta onde estão as imagens de fundo
 $arquivos = glob("$pasta{*.jpg,*.png,*.gif,*.bmp}", GLOB_BRACE);
 foreach($arquivos as $img){?>
 {image : '<?php echo $img; ?>'},<?php  } ?>
 {image : 'images/bgs/bulbs.jpg'}
  ]
 }) 

Começei agora tambem a trabalhar com esta ferramenta maravilhosa que o Opencart e estou fazendo várias mudanças e como surgio esta idéia RogérioF vou fazer os testes e posto aqui.
Procura no site do supersized que voce tem mais infomações.

Dica bacana

Boa, joao mello....... fica bacana sim o banner, mas surgiu outra dúvida agora:

Qdo ele redimenciona as imagens, elas não distorcem?

Tipo..... as imagens tem um tamanho definido.... claro que são sempre menor que uma resolução de 1024, por exemplo....

Se ele ajustar o tamanho à resolução, será que não vai distorcer as imagens?

Olá Rogério, estou desenvolvendo um plugin jquery para isso... Vou tentar publicar ele nessa semana ainda!
()' s

RogérioF escreveu:Boa, joao mello....... fica bacana sim o banner, mas surgiu outra dúvida agora:

Qdo ele redimenciona as imagens, elas não distorcem?

Tipo..... as imagens tem um tamanho definido.... claro que são sempre menor que uma resolução de 1024, por exemplo....

Se ele ajustar o tamanho à resolução, será que não vai distorcer as imagens?

Como toda imagem que é menor para ficar maior perde sim, o que você pode fazer é cria-las maior para uma resolução tipo 2100 e sendo a resolução do monitor menor ñ perdi qualidade.
Tambem defina um tamonho máximo e minimo para o banner no css:

.slideshow {
max-width:2100px; /*Tamanho máximo*/
min-width:700px; /*Tamanho mínimo*/
}

Blz, vlw joao mello, pelo suporte.


Blz rochester , obrigado pelo empenho