T-Koblinger QJ

Viser 1-16 av 16 element(er)
Product added to wishlist
// Función para cargar más productos (puedes adaptarla para hacer peticiones AJAX) function cargarProductos() { for (let i = 1; i <= 10; i++) { const producto = document.createElement('div'); producto.className = 'producto'; producto.textContent = `Producto ${((window.pagina - 1) * 10) + i}`; document.getElementById('product-list').appendChild(producto); } }// Variable para controlar la página actual window.pagina = 1;// Crear un elemento "observador" invisible al final de la lista const sentinel = document.createElement('div'); sentinel.id = 'sentinel'; document.body.appendChild(sentinel);// Configurar Intersection Observer const observer = new IntersectionObserver((entries) => { if (entries[0].isIntersecting) { window.pagina++; cargarProductos(); } }, { rootMargin: '100px', });// Observar el elemento "sentinel" observer.observe(document.getElementById('sentinel'));// Cargar los primeros productos cargarProductos(); // Crear elementos const picture = document.createElement('picture');const sourceWebp = document.createElement('source'); sourceWebp.setAttribute('srcset', 'https://drivhussenter.no/img/cms/baneriai/Drivhus VG.webp'); sourceWebp.setAttribute('type', 'image/webp');const img = document.createElement('img'); img.setAttribute('loading', 'eager'); img.setAttribute('src', 'https://drivhussenter.no/img/cms/baneriai/Drivhus VG.jpg'); img.setAttribute('width', '1160'); img.setAttribute('height', '800'); img.setAttribute('alt', '');picture.appendChild(sourceWebp); picture.appendChild(img);// Agregar al DOM en un lugar específico document.getElementById('contenedor-de-la-imagen').appendChild(picture);