Webboard

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.

JAPONIEC

Divir

JAPONIEC

Divir

JAPONIEC

Divir

b360