Energy Container Solutions
Empresa dedicada a la transformación a medida de contenedores marítimos.
Integración
Solución espacial y funcionalmente óptima dentro de los contenedores marítimos.
Desarrollo y Transformación
Añadimos los equipos necesarios para cumplir las especificaciones de nuestros clientes.
Más de 10 años construyendo proyectos
Movilidad
Posibilidad de proyectos con necesidades especificas de movilidad.
Flexibilidad
Trato personalizado para soluciones completamente personalizadas y adaptadas a lo que cada cliente necesite.
Calidad
Usamos siempre los materiales de mayor calidad según los requisitos de cada proyecto.
function muestraImagenGrande(img) {
console.log(img)
let container = document.getElementById('imgContainer');
let imgGrande = document.getElementById('muestraImg');
imgGrande.innerHTML = img + ''
container.setAttribute('style', 'display:inline-block');
document.body.setAttribute('style', 'overflow-y:hidden !important')
}
function cierraImagen() {
let container = document.getElementById('imgContainer')
container.setAttribute('style', 'display:none')
document.body.setAttribute('style', 'overflow-y:scroll !important')
}
Inicio();
function Inicio() {
dir = "https://econtainersolutions.com/wp-content/uploads/img/Inicio/";
let req = "";
if (window.innerWidth <= 576) {
req = "galeriaPequeña.php";
} else {
req = "galeriaPequeña.php";
}
fetch(dir + req)
.then(function (response) {
// La llamada a la API fue exitosa
return response.text();
})
.then(function (html) {
// Este es el HTML de nuestra respuesta como una cadena de texto
document.getElementById('galeriaInicio').innerHTML = html;
esperarElementosYAgregarEventListeners();
})
.catch(function (err) {
// Hubo un error
console.warn('Algo salió mal.', err);
});
}
function esperarElementosYAgregarEventListeners() {
let esperarElementos = setInterval(function() {
let prevBtn = document.getElementById('prevBtnInicio');
let nextBtn = document.getElementById('nextBtnInicio');
let galeria = document.getElementById('galeriaInicio');
let filas = galeria.getElementsByClassName('row gal');
var filasArr = Array.from(filas);
// Verificar si los elementos existen
if (prevBtn && nextBtn && filas && filasArr) {
clearInterval(esperarElementos); // Detener la comprobación periódica
agregarEventListeners(prevBtn, nextBtn, filas, filasArr);
}
}, 100); // Intervalo de comprobación en milisegundos
}
function agregarEventListeners(prevBtn, nextBtn, filas, filasArr) {
let indiceActual = 0;
mostrarImagen(indiceActual);
prevBtn.addEventListener('click', () => {
indiceActual = (indiceActual - 1 + filas.length) % filas.length;
mostrarImagen(indiceActual);
});
nextBtn.addEventListener('click', () => {
indiceActual = (indiceActual + 1) % filas.length;
mostrarImagen(indiceActual);
});
setInterval(function(){
indiceActual = (indiceActual - 1 + filas.length) % filas.length;
mostrarImagen(indiceActual);
}, 5000);
}
function mostrarImagen(indice) {
let galeria = document.getElementById('galeriaInicio');
let filas = galeria.getElementsByClassName('row gal');
// Verificar si los elementos existen
if (galeria && filas && filas[indice]) {
for (let i = 0; i < filas.length; i++) {
filas[i].setAttribute('style', 'z-index:1; opacity: 0');
}
filas[indice].setAttribute('style', 'z-index:2; opacity: 1');
} else {
console.warn('No se encontraron todos los elementos necesarios para mostrar la imagen.');
}
}
document.addEventListener('DOMContentLoaded', function() {
Inicio();
});