Capturamos tu momento, creamos tu recuerdo.
Fotografía profesional en Delicias, Chihuahua. Servicio rápido, calidad garantizada y atención con confianza.

Nuestros Servicios
En Fotografía Status te ofrecemos soluciones completas: desde fotos de identificación hasta productos personalizados y materiales creativos.

Sesiones
Iluminación controlada para mejores resultados

Fotografía para identificación
Para visas, trámites y documentos oficiales

Marcos y Cuadros
Marcos para títulos, fotos, dibujos y más…

Insumos creativos
Materiales para tu proyecto
- Fotos de identificación
- Bodas
- XV Años
- Marcos
- Impresión de fotos
- Video
- Fotos de estudio
- Sesiones
- Grabado Láser
- Diseño
La confianza de nuestros clientes nos respalda
Más de 30 años ofreciendo calidad, rapidez y atención personalizada en Delicias.
¿Tienes preguntas?
Escríbenos y personalizamos tu experiencia
document.addEventListener('DOMContentLoaded', function() {
// Target the gallery block in your left container
// You might need to adjust this selector to match your specific gallery
const gallerySelector = '.is-marquee'; // Adjust this selector as needed
// Initialize the marquee
initMarquee(document.querySelector(gallerySelector));
function initMarquee(gallery) {
if (!gallery) {
console.log('Gallery not found');
return;
}
// Add a class for our custom styling
gallery.classList.add('marquee-gallery');
// Create a container for our marquee
const container = document.createElement('div');
container.className = 'marquee-container';
// Find all gallery items/images
const items = gallery.querySelectorAll('.blocks-gallery-item, .wp-block-image');
if (items.length === 0) {
console.log('No images found in gallery');
return;
}
// Create the marquee content element
const marqueeContent = document.createElement('div');
marqueeContent.className = 'marquee-content';
// Clone each item and add to marquee content
items.forEach(function(item) {
const clonedItem = item.cloneNode(true);
clonedItem.classList.add('marquee-item');
marqueeContent.appendChild(clonedItem);
});
// Clone again for the infinite loop
items.forEach(function(item) {
const clonedItem = item.cloneNode(true);
clonedItem.classList.add('marquee-item');
marqueeContent.appendChild(clonedItem);
});
// Add the content to the container
container.appendChild(marqueeContent);
// Add fade overlays
const fadeLeft = document.createElement('div');
fadeLeft.className = 'fade-overlay fade-left';
const fadeRight = document.createElement('div');
fadeRight.className = 'fade-overlay fade-right';
container.appendChild(fadeLeft);
container.appendChild(fadeRight);
// Replace the gallery with our marquee container
gallery.after(container);
gallery.style.display = 'none'; // Hide the original gallery but keep it for reference
// Force a reflow to ensure animation starts properly
void marqueeContent.offsetWidth;
// Start the animation
marqueeContent.style.animation = 'marqueeMove 10s linear infinite';
}
// Add the necessary CSS styles
const styles = `
.marquee-container {
width: 100%;
height: 300px;
position: relative;
overflow: hidden;
margin: 0 0px;
}
.marquee-content {
display: flex;
position: absolute;
height: 100%;
will-change: transform;
}
.marquee-item {
flex: 0 0 auto;
margin: 0 5px;
height: 300px;
transition: transform 0.3s ease;
}
.marquee-item img {
height: 100%;
width: auto;
object-fit: cover;
transition: all 0.3s ease;
}
.marquee-item:hover {
transform: scale(1.1);
z-index: 10;
}
.marquee-content:hover {
animation-play-state: paused !important;
}
.fade-overlay {
position: absolute;
top: 0;
height: 100%;
width: 10%;
pointer-events: none;
z-index: 5;
}
.fade-left {
left: 0;
background: linear-gradient(to right, black 0%, transparent 100%);
}
.fade-right {
right: 0;
background: linear-gradient(to left, black 0%, transparent 100%);
}
@keyframes marqueeMove {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-400%);
}
}
@media (max-width: 768px) {
.marquee-container {
height: 200px;
}
.marquee-item {
height: 200px;
}
.fade-overlay {
width: 15%;
}
}
@media (max-width: 480px) {
.marquee-container {
height: 200px;
}
.marquee-item {
height: 200px;
margin: 0 5px;
}
.fade-overlay {
width: 20%;
}
}
`;
// Add styles to head
const styleElement = document.createElement('style');
styleElement.textContent = styles;
document.head.appendChild(styleElement);
});
