responsive slide show with text

[sieweb]

Hi,
I am just starting my third website using WB .
This - non responsive - site is going to be replaced.
www.bergfried.net
Please have a look at the slideshow that is showing a text beside the picture. The slideshow generator (a feature of the website generator software) I used for that offered the 'composing' of different elements.
How can I achieve that with WB in a simple way (I am not thinking of building a big picture containing the text)? If not, I will looking for a different layout.
Thank you, horst

[Bluesman]

You can use the carousel

[sieweb]

As fas as I know I can't add text left or right with the picture that will change accordingly.

[Pablo]

Yes, you can also add text to a carousel.

Related tutorials:
http://wysiwygwebbuilder.com/carousel.html
http://wysiwygwebbuilder.com/carouselevents.html
http://www.wysiwygwebbuilder.com/carousel3d.html

[sieweb]

ok, thank you, something to read for tonight. I will report.

[sieweb]

I really try hard, but so many problems:
I have learned, that there are two type of carousel, one just for pictures, the other as a´container for different content.
Pablo: the examples above are not responsive and at least one not working properly in WB15.
Attached is my example to play.
- In preview, there is a breakpoint for the index page, but not at 320 px as defined.
- 'page1' is a test to drag the carousel to a flex or layout grid. Not possible?
- If the carousel is above the flexgrid (after trying to drag it into a cell) I am not able to drag it out. Even if I select the carousel in the object manager, when click and hold at the carousel and move themouse, I will move the flex grid. I have to toggle the flex grid to 'invisible' if I want to select and drag the carousel.
ups, no attachments here?
---
ok, here it is:
https://www.hidrive.strato.com/lnk/fagCOi0o
horst

[Pablo]

The carousel can either be flexible for floating layouts or responsive/adaptive in fixed layouts.
It cannot be both at the same time, because absolute content has a fixed size/position so it cannot be part of a floating container (flex grid / layout grid).

To use a carousel in a floating layout, it must be set to 'flexible'

Examples:
http://www.wysiwygwebbuilder.com/suppor ... asic2.html
http://www.wysiwygwebbuilder.com/suppor ... asic8.html
http://www.wysiwygwebbuilder.com/suppor ... sic10.html
http://www.wysiwygwebbuilder.com/suppor ... books.html

[sieweb]

Nearly 'as slow as posible' I get it running
One issue: I am using the on activate events to show / hide textboxes.
But the unhide event is a bit slow, the text is disappearing a little moment after the next picture already is to be seen.
Is the order of the events time critical?

[Pablo]

The browser executes the events (JavaScript), if you use lots of events then this may have impact on the performance of the browser.

[sieweb]

... lots of events ...

At the moment three slices, so six events. I think, that is not too much.
I will try to upload to a test account just to see if local or not.
---
http://siehorst.de/bergtest/index.html

horst

[Pablo]

It seems to work correct. The event is triggered as soon as the carousel has finished the slide animation.

[sieweb]

Lots of progress, but ... :
as I have placed the Carousel as part of a Layout Grid I had to set the Carousel to 'flexible', 'Responsive' is disabled.
Now, when diminishing the horizontal size of the browser the picture placed at the Carousel is shrinking vertical and horizontal, but the following text put at the next layout grid will not follow, the gap ist increasing, though 'Height' of the Carousel is set to 'Auto'.
http://siehorst.de/bergtest/index.html

horst

[Pablo]

The minimum height of the Carousel is set to the design time height of the carousel, otherwise the Carousel would not be visible in the layout grid.

[sieweb]

Puhh, so not possible what I wold like to do, but ... .
as I had so many problems with the Carousel: pictures suddenly jumping somewhere or doubled in the object explorer, something like a 'cropbox' - I am not able to explain all the effects, I now replaced the carousel by the simple slideshow, and gues what, all seem to be fine .
Pablo, thank you so much for all your efforts!
horst