verschiedene Swiper Slider
Effekte: fade, creative horizontal, creative vertical, parallax oder als Ticker
Swiper Slider - Bilder DIV
Swiper Slider ist ein relativ einfach zu integrierender "Open Source Slider", der nicht nur Responsive sondern auch sehr felxibel ist. Als ich diesen Slider vor einer gefühlter Ewigkeit in PHPWCMS integriert hatte, gab es 4 Effekte (Fade, Coverflow, Vertikal und Horizontal).
Mittlerweile gibt es noch einige mehr als Standard und als Kaufversion von 49$ noch sehr viel mehr, aber auch ohne Kaufversion geht viel. Fade, Creative, Coverflow, Card, Parallax, Ticker,
Vertikal uvm.
Auf eine deutsche Dokumentation muss man leider verzichten, aber es ist nicht schwer, den Slider in PHPWCMS einzubinden.
Link zu den Parameter für den Swiper Slider
- Slider 1, 2 und 3 sind Slider Bilder DIV.
- Effekte: Slider Fade, Creativ, Coverflow, Card und Parallax
Swiper Slider Fade-Effect
Swiper Slider Fade-Effect
Swiper Slider Effect - Creative
Swiper Slider Effect - Creative horizontal
Musterbilder zur Webseite
Musterbilder zur Webseite
Swiper Slider Effect - Creative
Swiper Slider Effect - Coverflow
Swiper Slider Effect - Coverflow
Swiper Slider - Bilder Spezial
Durch die Erweiterung in der Datei include/config/conf.template_default.inc.php lässt sich auch entsprechend Text zum Bild Sliden. Erweiterung der Artikelfelder zum Beispiel für Image Special oder der WYSIWYG Editor
Snippet aus der Datei
'imagespecial_custom_fields' => array(
// Enable and customise to enable additional input fields for each image special item:
/* */
'fieldgroup1' => array(
'legend' => 'Field group name',
'template' => 'test.tmpl', // bind the fieldgroup to a specific template, or default
'fields' => array(
// [IMGSPCL_WYSIWYG1]{IMGSPCL_WYSIWYG1}[/IMGSPCL_WYSIWYG1][IMGSPCL_WYSIWYG1_ELSE]<!--nada-->[/IMGSPCL_WYSIWYG1_ELSE]
'wysiwyg1' => array(
'legend' => 'WYSIWYG editor',
'type' => 'textarea',
'render' => 'wysiwyg',
'rows' => 8,
'height' => '100px',
'placeholder' => 'Text begrenst auf 7 Zeilen'
)
)
), .......
Swiper Slider Effect - KenBurns
Swiper Slider Effect - Coverflow
Swiper Slider Effect - Ticker
