plugin - Opción isótopo jquery para altura automática en elemento
jquery packery (3)
Esto sucedió porque el isótopo no conoce los tamaños de imagen antes de la carga. La mejor forma de hacerlo es usar un indicador de carga (tal vez con el plugin imageLoaded) para cargar las imágenes y luego realizar una inserción o agregar un isótopo. Tendrás una navegación fluida y la ilusión de un sitio de carga más rápido que usando $ (ventana) .load ().
Así que estoy usando el diseño de masonry isótopos
$(''section'').isotope({itemSelector:''article'',layoutMode:''masonry'',transformsEnabled: false, animationEngine: ''jquery'',masonry:{columnWidth:8}});
El problema es que si no configuro la altura para el article en CSS, el diseño no se ve bien, los elementos se superponen y esas cosas, pero no puedo establecer una altura fija para los elementos, ya que son publicaciones de blog y puede cambiar de tamaño, ¿tienen algún consejo sobre cómo resolver esto?
Problema resuelto, necesita llamar $(window).load instead of $(document).ready(
var $container = $(''#container'').imagesLoaded( function() {
$container.isotope({
// options
});
});