PHPackages kreationsbyran/kb-slideshow - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. kreationsbyran/kb-slideshow ActiveSilverstripe-module[Utility & Helpers](/categories/utility) kreationsbyran/kb-slideshow =========================== Simple slideshow module 1.1.0(10y ago)01402[1 PRs](https://github.com/kreationsbyran/KBSlideshow/pulls)MITPHP Since Sep 4Pushed 10y ago1 watchersCompare [ Source](https://github.com/kreationsbyran/KBSlideshow)[ Packagist](https://packagist.org/packages/kreationsbyran/kb-slideshow)[ Docs](https://github.com/kreationsbyran/KBSlideshow)[ RSS](/packages/kreationsbyran-kb-slideshow/feed)WikiDiscussions master Synced 1mo ago READMEChangelogDependencies (2)Versions (2)Used By (0) KBSlideshow ----------- [](#kbslideshow) [![Latest Stable Version](https://camo.githubusercontent.com/364d09614697b2d5103a004e56efea5d4586b08016c71c9406a5ae9e87756893/68747470733a2f2f706f7365722e707567782e6f72672f6b72656174696f6e73627972616e2f6b622d736c69646573686f772f762f737461626c65)](https://packagist.org/packages/kreationsbyran/kb-slideshow) [![License](https://camo.githubusercontent.com/5bfd631c53fcee785debbd08b9baf863d76af2035896f15824bd09ba6cb95f35/68747470733a2f2f706f7365722e707567782e6f72672f6b72656174696f6e73627972616e2f6b622d736c69646573686f772f6c6963656e7365)](https://packagist.org/packages/kreationsbyran/kb-slideshow) Slideshow module for SilverStripe 3.1 that implements back-end support for slideshows/carousels/sliders. For the sake of demonstration it comes with an plug-and-play example using [slick](https://github.com/kenwheeler/slick). It can easily be removed without disrupting functionality. More about this further down under the [slick](https://github.com/kreationsbyran/KBSlideshow#slick) heading. ### Installation [](#installation) As a general rule of thumb it can be a good idea to back up your database and log into your site as Admin before installing modules, so even though nothing should break, feel free to do so. ##### Requirements [](#requirements) - SilverStripe 3.1 ##### Using Composer [](#using-composer) 1. Open a terminal and `cd` to your SilverStripe root. 2. Run `composer require kreationsbyran/kb-slideshow`. 3. Go to (replace "your.site" with the url of your website) ##### Manually [](#manually) 1. Download the zipped master branch ([here](https://github.com/kreationsbyran/KBSlideshow/archive/master.zip)). 2. Move the contents into the root directory of your SilverStripe installation. 3. Go to (replace "your.site" with the url of your website) ##### Additionally (optional) [](#additionally-optional) KBSlideshow works well together with [SortableGridField](https://github.com/UndefinedOffset/SortableGridField) which allows for drag-and-drop sorting of the slides. ### Usage [](#usage) ##### In Template [](#in-template) Using `` in your SilverStripe template will include the default template. You can easily replace or edit this template. ``` /templates/includes/KBSlideshow.ss markup ouput ├──div.kbslideshow (if exists) | └──div.kbslide (loop) | ├──img (if exists) | ├──h1 (if exists) | └──p (if exists) ``` ##### In CMS [](#in-cms) The module extends Page and once installed it will create a tab called "Slideshow" in the CMS of all Pages. "Image rescale width/height" will set the ratio of all slides to width:height if both options are set. If only one is set, the images will be cropped using SilverStripes `Image.SetWidth()` or `Image.SetHeight()` functions. If none are set the selected image won't be rescaled or cropped and can result in heavy load. Recommended to set at least one if slideshow contains images. ### Slick [](#slick) The module comes bundled with a demonstration using [slick](https://github.com/kenwheeler/slick). To remove the coupling between the module and slick in order to use a different slideshow/slider/carousel library, simply follow these two steps: 1. Remove `/templates/includes/KBSlick.ss`. 2. Remove `` from `/templates/includes/KBSlideshow.ss`. ##### Settings [](#settings) If you wish to keep using slick, you'll find the settings located in `/templates/includes/KBSlick.ss`. There is currently no back-end support for managing slick settings but can easily be added by modifying the KBSlideshow class. ### License [](#license) Copyright (c) 2015 Kreationsbyrån Sverige AB Licensed under the MIT License ### Health Score 29 — LowBetter than 60% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity12 Limited adoption so far Community9 Small or concentrated contributor base Maturity63 Established project with proven stability Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Unknown Total 1 Last Release 3900d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/719b0d27d2ab8031d0a2fd61154167a72996fdfc7470d9b7531bba2b6ab7386b?d=identicon)[kreationsbyran](/maintainers/kreationsbyran) --- Top Contributors [![kreationsbyran](https://avatars.githubusercontent.com/u/58851062?v=4)](https://github.com/kreationsbyran "kreationsbyran (11 commits)") --- Tags silverstripecarouselsliderslideshow ### Embed Badge ![Health badge](/badges/kreationsbyran-kb-slideshow/health.svg) ``` [![Health](https://phpackages.com/badges/kreationsbyran-kb-slideshow/health.svg)](https://phpackages.com/packages/kreationsbyran-kb-slideshow) ``` PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)