Collection

010101

A slider BBCode with swipe or click and drag sliding. You can also tab through the slides (accessibility for the win).
Will this work with images? No. It's just for text. I wanted it as a fun way for displaying something like quotes.

Example code:

[slider one=This is text on slide 1 two=this is text on slide 2]
Only supports up to 5 slides. Here's an example using all 5 slots:
[slider one=This is text on slide 1 two=this is text on slide 2 three=I like applies four=Why don't you? five=bye-bye]

Result:

Installation

Install with composer:

composer require zerosonesfun/collection:"*"

Updating

composer update zerosonesfun/collection:"*"
php flarum migrate
php flarum cache:clear

Links

Umutcan

You are perfect. I am going to ask you something. Are you going to update the BBCode addon you published recently? I've been waiting for that update for a long time.

Add-on I'm Talking About

I installed the plugin and tested it on mobile. There are some errors. Slider transition should be slower in my opinion. Also, when you add 3 posts, instead of stopping in the third post, it continues as 5 and the last 2 sliders it shows as blank.

Transitions should be smoother and slower. The trailing spaces caught your attention.

010101

Umutcan I believe I can fix the blank slides issue. But, it’s as smooth as it’s going to get. It’s very basic. Very little code. Not a complex carousel.

And no idea if/when I’ll work on the other extension. I just work on things as I’m in the mood. And as we close out 2021 here I’m going to get really busy.

010101

Umutcan Fixed the empty slides issue in v1.1. Smoothness/speed, isn't something that can easily be controlled at least for this particular version.

010101

One last update for now, version 1.2 is published. I noticed a null JavaScript error in the console in posts where the slider did not exist. That is now fixed. If null (slide doesn't exist), code is ignored.

Empty slides are also ignored as stated above. 🙂

If you want to style it you can target the CSS class .slides and/or .slides-item or you can even target specific words. For example, if you want a slide to be red if someone makes the text for that slide, "help," then target the CSS class .help or .slides .help. Because, the slide's text becomes a CSS class for that slide.

010101

Seems to be working well. Here’s a clip from my iPhone.

Umutcan

010101 Yes, the space issue has been fixed with the update.