Download the PHP package heimrichhannot/contao-tiny-slider-bundle without Composer
On this page you can find all versions of the php package heimrichhannot/contao-tiny-slider-bundle. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download heimrichhannot/contao-tiny-slider-bundle
More information about heimrichhannot/contao-tiny-slider-bundle
Files in heimrichhannot/contao-tiny-slider-bundle
Package contao-tiny-slider-bundle
Short Description Tiny slider, a vanilla javascript content slider for contao.
License LGPL-3.0-or-later
Homepage https://github.com/heimrichhannot/contao-tiny-slider-bundle
Informations about the package contao-tiny-slider-bundle
Tiny slider bundle
A slider bundle for contao based on Tiny Slider.
Features
- global configuration
- content elements for image and content sliders
- Encore Bundle support
- show List Bundle list as slider
- bundled config element type for List Bundle and Reader Bundle
Usage
Install
-
install bundle with composer or contao manager
- Call contao install tool and update the database
Setup
- Create a tiny slider config (System -> Tiny-Slider). Please consider the tiny slider documentation for more informations about the different config options.
- Select the created config in a content element, an reader config element or in an list config after activating "Render as Tiny slider".
Usage as config element type (list and reader bundle)
This bundle comes with an config element type, already registered for list and reader bundle.
- Add 'Slider (Tiny Slider)' as list or reader config element to your configuration
- your defined template variable has two keys, html and images. html contains the complete slider, images just the prepared images if you want to define your own wrapper. So your typical template code to output a slider would be:
Twig usage
Tiny slider comes with an tiny_slider_wrapper.html.twig
that can be embedded inside your custom twig template like the following:
There are also two twig extension available:
tiny_slider_wrapper_class
Returns the tiny slider wrapper css classes.
tiny_slider_container_attributes
Returns the tiny slider data-tiny-slider-config
attribute for the container inside the wrapper. The parameter selector
is optional and should point to the slides wrapper container.
Custom transition effects
In order to use custom transitions for example using animate.css choose from the following effects.
Fade effect
- import animate.css stylesheet
- set tiny slider config parameter
Mode
togallery
- set tiny slider config parameter
Intro animation
to 'fadeIn' - set tiny slider config parameter
Outro animation
to 'fadeOut' - empty tiny slider config parameter
Normal animation
Assets
NPM/Yarn Package
The assets for this bundle are provided as NPM/Yarn package @hundh/contao-tiny-slider-bundle
.
You will find the sources under src/Resources/npm-package.
Known Issues
Lazyload
If you use tiny-slider together with https://github.com/heimrichhannot/contao-speed-bundle
and its lazyload compoment enabled in page layout, ensure that you enabled Lazy load
in tiny slider configuration as well and keep the Lazy load selector
default value to .tns-lazy-img
.
If you use the TwigExtension image
that you must provide proper lazyload information in data
attributes:
All versions of contao-tiny-slider-bundle with dependencies
contao/core-bundle Version ^4.9
heimrichhannot/contao-multi-column-editor-bundle Version ^2.0
matthiasmullie/minify Version ~1.3
heimrichhannot/contao-utils-bundle Version ^2.3
heimrichhannot/contao-encore-contracts Version ^1.0
symfony/event-dispatcher-contracts Version ^1.0 || ^2.0 || ^3.0
symfony/service-contracts Version ^1.0 || ^2.0 || ^3.0
terminal42/service-annotation-bundle Version ^1.0