[Resolvido] Plugin-JQuery: Isotope causando sobreposição de imagens

Site oficial do plugin.

Problema: Sobreposição de imagens
Causa: A altura (height) dos elementos é calculado antes de terminar o carregamento do site
Solução 1: Inicializar o Isotope após todas as imagens terem sido carregadas. Para isso vai ser preciso usar o ImagesLoaded (Este plugin detecta quando as imagens foram carregadas).

<script src="js/isotope.js" type="text/javascript"></script>
<script src="js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
 
var $container = $('.$container').imagesLoaded( function() {
  $container.isotope({
    // opções
  });
});

Solução 2: Definir uma altura (height) para o elemento que contém a imagem.

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios são marcados com *