OWL Carousel - mały problem

pytanie zadane 19 lipca 2015 w JavaScript przez Dronojad Obywatel (1,980 p.)

Mam mały problem ze sliderem OWL Carousel (One Slide). Dokładnie chodzi mi o ten slider: http://owlgraphic.com/owlcarousel/demos/one.html

Działa on tak jak należy, jednak chciałbym dodać do niego automatyczne przewijanie oraz linki. Z tego co wyczytałem na ich stronie funkcja autoPlay odpowiada za automatyczne przewijanie. Niestety ta funkcja u mnie nie działa, dopisałem ją do kodu JS a w efekcie cały slider zniknął. (dokładnie wpisałem autoPlay: true).

Z linkami też mam problem, próbowałem włożyć te divy ze zdjęciami w hiperłącza <a href="link" />, jednak nie zostało to odebrane jako link tylko jako 4 dodatkowe slajdy.

W jaki sposób mogę to jeszcze zrobić?

1 odpowiedź

odpowiedź 19 lipca 2015 przez Comandeer Guru (601,110 p.)
wybrane 19 lipca 2015 przez Dronojad

Najlepsza

Pokaż swój kod po przeróbkach

komentarz 19 lipca 2015 przez Dronojad Obywatel (1,980 p.)

<script src="jquery-1.11.3.min.js"></script>
<script src="owl-carousel/owl.carousel.js"></script>

<script> <!-- Slider script -->
    $(document).ready(function() {
      $("#owl-demo").owlCarousel({

      navigation : false,
      slideSpeed : 100,
      paginationSpeed : 400,
      singleItem : true
	  autoPlay : true

      // "singleItem:true" is a shortcut for:
      // items : 1,
      // itemsDesktop : false,
      // itemsDesktopSmall : false,
      // itemsTablet: false,
      // itemsMobile : false

      });
    });
</script>

komentarz 19 lipca 2015 przez Comandeer Guru (601,110 p.)

Brakuje Ci przecinka na końcu linijki z singleItem.

BTW polecam zapoznać się z konsolą JS - dzięki niej takie problemy przestsną być problemami ;)

komentarz 19 lipca 2015 przez Dronojad Obywatel (1,980 p.)

<div id="owl-demo" class="owl-carousel">
	<a href="#"><div class="item"><img src="slider/1.jpg" /></a></div>
	<a href="#"><div class="item"><img src="slider/2.jpg" /></a></div>
	<a href="#"><div class="item"><img src="slider/3.jpg" /></a></div>
	<a href="#"><div class="item"><img src="slider/4.jpg" /></a></div>
</div>

komentarz 19 lipca 2015 przez Dronojad Obywatel (1,980 p.)

Dzięki wielkie Comandeer :) Automatyczne przewijanie już działa.

Jedynie jeszcze te linki mnie irytują, wyżej wkleiłem kod HTML.

Linki działają tylko nie wiem dlaczego, dodają się 4 dodatkowe (puste) slajdy.