Poznámky

Bootstrap carousel fade effect

Fading effect u Bootstrap Carouselu Přidat hlavnímu divu Carouselu class „carousel-fade“ CSS: .carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: Číst více…

Od admin, před
Poznámky

Bootstrap carousel swipe

Pro swipe effect (ovládání carouselu pohybem prstu doleva a doprava) stačí přidat následující javascript: <script> var mycarousel = document.getElementById("myCarousel"); mycarousel.addEventListener('touchstart', handleTouchStart, false); mycarousel.addEventListener('touchmove', handleTouchMove, false); var xDown = null; var yDown = null; function handleTouchStart(evt) { xDown = evt.touches[0].clientX; yDown = evt.touches[0].clientY; }; function handleTouchMove(evt) { if ( ! xDown Číst více…

Od admin, před