**NOMBRE PROYECTO** **NOMBRE PROYECTO**

**NOMBRE DEL PROYECTO EN MAYÚSCULAS**

**NOMBRE PROYECTO**
**DESCRIPCIÓN COMPLETA DEL PROYECTO**
Puedes usar
para saltos de línea y escribir párrafos detallados.

Detalles del proyecto

Año: **AÑO**

Tipología: **TIPOLOGÍA (ej. Construcción, Rehabilitación)**

Localización: **CIUDAD**

Área: **METROS CUADRADOS** m²

Duración: **MESES** meses

Galería del proyecto

© 2025 MegaRedes Cía. Ltda. Todos los derechos reservados.

opts.index = 0; _playAni(opts); }); opts.el.addEventListener('mouseout', function () { opts.reverse = true; _playAni(opts, true); }); } else { _playAni(opts); } } [].forEach.call(document.querySelectorAll('[keyframes]'), function (item) { var src = item.getAttribute('keyframes'); item.style.backgroundImage = 'url(' + src + ')'; var tmpImage = new Image(); tmpImage.src = src; var boxWidth = item.offsetWidth; // console.log(boxWidth) var boxHeight = item.offsetHeight; // console.log(boxHeight) var fps = item.getAttribute('fps') || 40; var loop = item.getAttribute('loop') != undefined && item.getAttribute('loop') != 'false' ? true : false; var mode = item.getAttribute('mode'); var autoplay = item.getAttribute('autoplay') != undefined && item.getAttribute('autoplay') != 'false' ? true : false; (function () { tmpImage.onload = function () { //图片加载完时 var imgWidth = this.naturalWidth; // console.log(imgWidth) var imgHeight = this.naturalHeight; // console.log(imgHeight) var bgSize = getComputedStyle(item).backgroundSize.split(' '); var step = boxHeight; //每帧移动多少像素; // console.log(step) var count = 1; var opts = { el: item, loop: loop, fps: fps, autoplay: autoplay, count: 1, }; var bgWidth = bgSize[0] ? bgSize[0].replace('px', '') : '' || ''; var bgHeight = bgSize[1] ? bgSize[1].replace('px', '') : '' || ''; if (bgWidth == '100%' || bgWidth == boxWidth) { //纵向一列 opts.step = boxHeight; number9999999 = boxWidth / imgWidth * imgHeight / boxHeight; number9999998 = Math.floor(number9999999) // console.log(number9999998) opts.count = number9999998 // console.log(opts.count) } else if (bgHeight == '100%' || bgHeight == boxHeight) { //横向一行 opts.step = boxWidth; opts.x = true; opts.count = boxHeight / imgHeight * imgWidth / boxWidth; } else if (bgWidth.indexOf('%') > -1 && bgWidth.replace('%', '') != "100" || parseInt( bgWidth) > boxWidth) { opts.step = boxWidth; opts.x = true; opts.count = parseInt(bgWidth.replace('%', '')) / 100; } else if (bgHeight != undefined && bgHeight.indexOf('%') > -1 && bgHeight.replace('%', '') != "100" || parseInt(bgHeight) > boxHeight) { opts.step = boxHeight; opts.count = parseInt(bgHeight.replace('%', '')) / 100; } _setTrigger(opts); } })(item, fps, loop, mode, autoplay); }) })(); function isSafari() { var ua = navigator.userAgent.toLowerCase(); if (ua.indexOf('safari') != -1) { if (ua.indexOf('chrome') > -1) { // Chrome has 'safari' in its user agent string, so we need to filter those out return false; } else { return true; } } return false; } if (isSafari()) { // console.log("The user is using Safari"); } else { // console.log("The user is not using Safari"); $(".x-index3 .container .x-xia .x-le a").addClass("on") $(".x-index3 .container .x-xia .x-ri a").addClass("on") } if ($(window).width() < 767) { $(".x-index-banner video").remove(); }