Fullwidth-Flexslider

Der hier eingesetzte Flexslider ist eine Slideshow, die kostenlos auf der Seite https://www.woothemes.com/flexslider angeboten wird. Die Flexslider-Slideshow kann als html-Widget auf jeder Jimdo-Creator Webseite verwendet werden, allerdings sind ein paar Skripte zu integrieren und der Slider selbst ist eine html-Programmierung (html-Widget-Element). Diese kann aber per Copy/Paste von der Seite des Anbieters heruntergeladen und dann angepasst werden.

 

Auf dieser Seite wurde der Slider mit eigenen Captions (Jimdo-Spaltenelemente) versehen, die per jQuery in den Slider eingesetzt wurden.

Live-Demo: http://flexslider.woothemes.com/ 

Flexslider-Widget

upper element create_flexCaptionContainer

flexslider init

Caption 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

div class="caption_link"


upper element create_flexCaptionContent

Caption 2

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.

div class="caption_link"


upper element create_flexCaptionContent

Caption 3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis est.

div class="caption_link"


upper element create_flexCaptionContent

Caption 4

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

div class="caption_link"


upper element create_flexCaptionContent

fullwidth-flexslider.css

fullwidth-flexslider.js