Svenska
Cart
Your cart is empty, but doesn't have to be..
Några blick från våra tidigare Umrah resor
.umrah-slider {
position: relative;
overflow: hidden;
max-width: 100%;
margin: 20px auto;
}
.umrah-slider .slides {
display: flex;
transition: transform 0.5s ease;
width: 100%;
}
.umrah-slider .slide {
min-width: 100%;
box-sizing: border-box;
}
.umrah-slider .slide img {
width: 100%;
display: block;
}
.umrah-slider .prev,
.umrah-slider .next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(0,0,0,0.5);
border: none;
color: #fff;
font-size: 1.5em;
padding: 0.2em 0.5em;
cursor: pointer;
}
.umrah-slider .prev { left: 10px; }
.umrah-slider .next { right: 10px; }
document.addEventListener('DOMContentLoaded', function() {
const slider = document.querySelector('.umrah-slider .slides');
const slides = slider.children;
let index = 0;
document.querySelector('.umrah-slider .next').addEventListener('click', () => {
index = (index + 1) % slides.length;
slider.style.transform = 'translateX(' + (-index * 100) + '%)';
});
document.querySelector('.umrah-slider .prev').addEventListener('click', () => {
index = (index - 1 + slides.length) % slides.length;
slider.style.transform = 'translateX(' + (-index * 100) + '%)';
});
});