Webboard

Pełna wersja: Plugin anime
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Adres forum:
https://japanworld.pl/index.phpx


Wersja silnika:
1.8.21


Opis problemu:
Cześć, poszukuje pluginu w którym mógłbym umieszczać informacje o anime tak jak na zdjęciu poniżej lub coś podobnego. Za wszystkie pluginy z góry dziękuje.


https://imgur.com/a/jaaD07H
Ostatnio używałem w projekcie tego slidera: https://github.com/ganlanyuan/tiny-slider Nie narzekałem jakoś bardzo.

W pracy sobie ludzie chwalili tego: https://kenwheeler.github.io/slick/ chociaż ja nie wiem. Staram się unikać wszędzie jquery, ale skoro mybb i tak z niego korzysta to możesz go rozważyć.

Chyba, że chcesz coś bardzo prostego - zwykła karuzela, bez zbędnych funkcji których nie wykorzystasz. Wtedy mogę polecić: https://pawelgrzybek.github.io/siema/
Jeszcze może i głupie pytanie, ale dopiero co się uczę... Jak to dokładnie zainstalować oraz konfigurować? Chodzi o ten pierwszy plugin.
Dodajesz do szablonu portal (lub tam gdzie chcesz mieć ten slider) przed </head> ten css:
Kod:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/tiny-slider.css">

Na sam dół do stopki (nad </body> najlepiej) dodajesz:
Kod:
<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.js"></script>
<script>
  var slider = tns({
    container: '.my-slider',
    items: 3,
    slideBy: 'page',
    autoplay: true
  });
  </script>

Tam gdzie chcesz żeby slajder się wyświetlał wklejasz:
Kod:
<div class="my-slider">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</div>


Jak coś nie wyjdzie to daj link do miejsca w którym to próbujesz robić i opisz co dokładnie nie działa. Ogólnie to w podanym przeze mnie linku znajdziesz wszystkie informacje. Warto także sprawdzać zakładkę "Issues" podczas problemów.
Działa ;) Można zrobić to też żeby się ruszało?
Kod:
var slider = tns({
    container: '.my-slider', // Nazwa elementu ze slajderem
    items: 3, // Ilość widocznych slajdów. Pozostałe będą wciąż dostępne, ale po przesunięciu
    slideBy: 'page', // Po ile slajdów chcesz przewijać. Page - strona. Możesz też zastąpić dowolną liczbę naturalną
    autoplay: true, // Czy ma się automatycznie włączać - prawdopodobnie to masz na mysli
    autoplayTimeout: 5000 // Ile ms ma minąć, aby weszła następna porcja slajdów    
  });

Tu masz cały spis opcji: https://github.com/ganlanyuan/tiny-slider#options
Ja polecam te trzy: slick slider, siema slider, swiper slider. Jednak trzeba go samemu wdrożyć, bo nie ma pluginów pod MyBB.