0 %
(0 hodnocení)
Švihej
  • Od nejoblíbenějších
  • Od nejlevnějších
Zobrazit další nabídky
0 %
(0 hodnocení)
Švihej
  • Od nejoblíbenějších
  • Od nejlevnějších
Zobrazit další nabídky

Popis

Dětské triko s logem Švihej Velikost: 128/134, Vyber barvu:

Dětské triko Švihej

Triko na švihání i běžné nošení. S tímhle trikem ukážeš, že i tvůj malý Švihák miluje švihadlo. 100% bavlna zajistí pohodlné nošení a volný střih jakbysmet. 

Vepředu najdeš naše logo Švihej a taky žlutý švihanec. Navíc padne holkám i klukům. Na výběr máš z velikostí od 128 do 152. Tak skoč do toho!

 

Vlastnosti trika

- 100% bavlna s gramáží 150g/m2

- pohodlný střih

- per kámo na 30°C

- navrženo námi a vyrobeno v EU

- vepředu bílé Švihej logo a žlutý švihanec

- unisex provedení

Údržba: Per ideálně naruby na 30 °C jako jiné bavlněné oblečení, nečisti chemicky. Sušit v sušičce můžeš, ale nepřepal to s teplotou. Ideálně na program bavlna.

Tabulka velikostí

Podívej se na reálné recenze!

‹ ›

 

class VideoCarousel {
constructor() {
this.track = document.getElementById('videoTrack');
this.slides = document.querySelectorAll('.video-slide');
this.prevBtn = document.getElementById('prevBtn');
this.nextBtn = document.getElementById('nextBtn');
this.indicatorsContainer = document.getElementById('indicators');
this.container = document.getElementById('carouselContainer');

this.currentSlide = 0;
this.totalSlides = this.slides.length;

this.init();
}

init() {
// Nastav data atribut pro počet videí
this.container.setAttribute('data-videos', this.totalSlides);

this.createIndicators();
this.updateCarousel();
this.bindEvents();
}

createIndicators() {
// Indikátory jsou kompletně odstraněny
this.indicatorsContainer.innerHTML = '';
}

bindEvents() {
this.prevBtn.addEventListener('click', () => this.previousSlide());
this.nextBtn.addEventListener('click', () => this.nextSlide());

// Responzivní změny
window.addEventListener('resize', () => {
this.container.setAttribute('data-videos', this.totalSlides);
this.createIndicators();
this.updateCarousel();
});

// Touch events pouze na mobilu
if (window.innerWidth < 768) {
let startX = 0;
let isDragging = false;

this.track.addEventListener('touchstart', (e) => {
startX = e.touches[0].clientX;
isDragging = true;
});

this.track.addEventListener('touchmove', (e) => {
if (!isDragging) return;
e.preventDefault();
});

this.track.addEventListener('touchend', (e) => {
if (!isDragging) return;
isDragging = false;

const endX = e.changedTouches[0].clientX;
const diff = startX - endX;

if (Math.abs(diff) > 50) {
if (diff > 0) {
this.nextSlide();
} else {
this.previousSlide();
}
}
});
}
}

updateCarousel() {
// Desktop - žádný carousel, jen vycentrované zobrazení
if (window.innerWidth >= 768) {
this.track.style.transform = 'translateX(0)';
return;
}

// Mobil - carousel s nekonečnou smyčkou
const translateX = -this.currentSlide * 100;
this.track.style.transform = `translateX(${translateX}%)`;

// Zastavit všechna videa při přepnutí
this.pauseAllVideos();
}

pauseAllVideos() {
// Zastavit všechna YouTube videa pomocí postMessage API
const iframes = this.track.querySelectorAll('iframe');
iframes.forEach(iframe => {
iframe.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');
});
}

nextSlide() {
// Pouze na mobilu
if (window.innerWidth < 768) {
this.currentSlide = (this.currentSlide + 1) % this.totalSlides;
this.updateCarousel();
}
}

previousSlide() {
// Pouze na mobilu
if (window.innerWidth < 768) {
this.currentSlide = (this.currentSlide - 1 + this.totalSlides) % this.totalSlides;
this.updateCarousel();
}
}

goToSlide(index) {
// Pouze na mobilu
if (window.innerWidth < 768) {
this.currentSlide = index;
this.updateCarousel();
}
}
}

// Inicializace
document.addEventListener('DOMContentLoaded', () => {
new VideoCarousel();
});
Zobrazit více

Parametry

Výrobce Švihej
  • Od nejoblíbenějších
  • Od nejlevnějších
Zobrazit další nabídky

Podobné produkty