Impresión publicitaria

Cupones

Nuestra plataforma fácil de usar pone la comodidad al alcance de su mano. Simplemente navegue por nuestra extensa base de…

Saber más

Foliares

Aumente el alcance de sus clientes con nuestro servicio de foliares profesionales. Nuestro equipo de diseñadores experimentados creará foliares llamativos…

Saber más

Catálogos

Imagine tener todos sus productos bellamente fotografiados, con un estilo profesional y categorizados en secciones de fácil acceso. Nuestro equipo…

Saber más

Afiches

Con nuestro equipo de talentosos diseñadores gráficos, crearemos afiches llamativos que capturen la esencia de su marca y dejen un…

Saber más

Volantes

Con nuestros volantes, tienes el poder de contar la historia de tu marca de una manera visualmente impactante. Ya sea…

Saber más

<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>



<script>
  
// Selecciona el elemento HTML que quieres observar
const targetElement = document.querySelector('.fb-masonry');

// Opciones de la observación
const observerOptions = {
  childList: true, // Observar cambios en los hijos del elemento
  subtree: true    // Observar todos los niveles de hijos
};

// Función de devolución de llamada para cuando se detecten cambios
const callback = function(mutationsList, observer) {
    for(const mutation of mutationsList) {
        if (mutation.type === 'childList') {
            // Vuelve a ejecutar el script de Masonry cuando se añadan o eliminen elementos
            executeMasonryScript();
        }
    }
};

// Crear una instancia del MutationObserver con la función de devolución de llamada
const observer = new MutationObserver(callback);

// Comienza a observar el elemento target con las opciones dadas
observer.observe(targetElement, observerOptions);

// Función para ejecutar el script de Masonry
function executeMasonryScript() {
    const grid = document.querySelector('.fb-masonry');
    const masonry = new Masonry(grid, {
        itemSelector: '.fb-pcard-one',
        columnWidth: '.fb-pcard-one',
        gutter: 15, // GAP
    });
}

// Ejecutar el script de Masonry al inicio
executeMasonryScript();

  
</script>