<script>
function logImageAttributes() {
    console.log("Iniciando búsqueda de atributos de imagen...");

    // Buscar todos los elementos con atributo image-variation
    const elementsWithImageVariation = document.querySelectorAll('[image-variation]');
    console.log("Elementos con image-variation:");
    elementsWithImageVariation.forEach(el => {
        console.log(el.getAttribute('image-variation'));
    });

    // Buscar todos los elementos con atributo current-image
    const elementsWithCurrentImage = document.querySelectorAll('[current-image]');
    console.log("Elementos con current-image:");
    elementsWithCurrentImage.forEach(el => {
        console.log(el.getAttribute('current-image'));
    });

    console.log("Búsqueda de atributos de imagen completada.");
}

// Ejecutar la función cuando el DOM esté completamente cargado
document.addEventListener('DOMContentLoaded', logImageAttributes);
</script>