Efeito mosaico com fotos
Que tipo de efeito é este onde as fotos de diferentes tamanho são dispostas lado a lado gerando quase um retângulo e como posso reproduzi-lo?
[img]http://arquivo.devmedia.com.br/forum/imagem/382279-20150122-112644.png[/img]
Cobri as fotos com quadrados vermelhos para evitar problemas de reprodução não autorizada, mas os retangulos vermelhos tem o mesmo tamanho das fotos originais
[img]http://arquivo.devmedia.com.br/forum/imagem/382279-20150122-112644.png[/img]
Cobri as fotos com quadrados vermelhos para evitar problemas de reprodução não autorizada, mas os retangulos vermelhos tem o mesmo tamanho das fotos originais
Ricardo Henrique
Curtidas 0
Respostas
Wander Santos
22/01/2015
Da uma olhada nesse plugin jquery. Talvez lhe ajude
http://sapegin.github.io/jquery.mosaicflow/
http://sapegin.github.io/jquery.mosaicflow/
GOSTEI 0
Marcelo Pastore
22/01/2015
Não é melhor fazer com um programa de manipulação de imagens?
GOSTEI 0
Marcio Araujo
22/01/2015
Isso é layout?
GOSTEI 0
Marcio Araujo
22/01/2015
Isso é layout?
GOSTEI 0
Marisiana Battistella
22/01/2015
Eu pesquisei um pouco e encontrei a mesma opção que o Wander postou...
Esse é o link para baixar o plugin, você pode escolher de acordo com a versão do jQuery q está utilizando: [url]http://plugins.jquery.com/mosaicflow/[/url]
Se clicar na opção "Try a Demo" abre a mesma página que o Wander postou, [url]http://plugins.jquery.com/mosaicflow/[/url], a diferença é q ao fazer o download nessa página vc não tem opção de escolher a versão.
Esse é o link para baixar o plugin, você pode escolher de acordo com a versão do jQuery q está utilizando: [url]http://plugins.jquery.com/mosaicflow/[/url]
Se clicar na opção "Try a Demo" abre a mesma página que o Wander postou, [url]http://plugins.jquery.com/mosaicflow/[/url], a diferença é q ao fazer o download nessa página vc não tem opção de escolher a versão.
GOSTEI 0
Marisiana Battistella
22/01/2015
Encontrei mais esse exemplo: [url]http://www.paespedro.com.br/blog/mercado/jquery-masonry-e-isotope-grid-mosaico-auto-layout-float-vertical-em-css-javascript[/url]
Não sei se é útil e se funciona....
Não sei se é útil e se funciona....
GOSTEI 0
Marcio Araujo
22/01/2015
Algum site que use mosaico? queria ver um exemplo.
GOSTEI 0
Marisiana Battistella
22/01/2015
Não conheço Marcio!
Tenta aplicar o exemplo pra ver como fica.... No link que o Wander passou tem o código de como se utiliza.
Tenta aplicar o exemplo pra ver como fica.... No link que o Wander passou tem o código de como se utiliza.
GOSTEI 0
Marcio Araujo
22/01/2015
Só testando mesmo! tentar ver isso depois.
GOSTEI 0
Marisiana Battistella
22/01/2015
Depois nos conte o que achou do efeito Mario..!
Ricardo, você conseguiu fazer?
Ricardo, você conseguiu fazer?
GOSTEI 0
Marcio Araujo
22/01/2015
Vai demorar, mas assim que sobrar um tempinho eu vou atras.
GOSTEI 0
Marcio Araujo
22/01/2015
Vai demorar, mas assim que sobrar um tempinho eu vou atras.
GOSTEI 0
Ricardo Henrique
22/01/2015
Marisiana, ainda não implementei o mosaico de fotos (mas conferi todos os links postados) estou terminando a implementação dos graficos com jquery sparklines e já passerei a implantação com masonry
GOSTEI 0
Marisiana Battistella
22/01/2015
Ah sim... Bom trabalho!!
Depois nos informe se conseguiu fazer e se os links te ajudaram...
Depois nos informe se conseguiu fazer e se os links te ajudaram...
GOSTEI 0
Marcio Araujo
22/01/2015
Se ficar online mostre-nos, caso não coloque um print, abraço.
GOSTEI 0