responsive slide show with text
Forum rules
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
responsive slide show with text
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
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
Re: responsive slide show with text
As fas as I know I can't add text left or right with the picture that will change accordingly.
Re: responsive slide show with text
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
Related tutorials:
http://wysiwygwebbuilder.com/carousel.html
http://wysiwygwebbuilder.com/carouselevents.html
http://www.wysiwygwebbuilder.com/carousel3d.html
Re: responsive slide show with text
ok, thank you, something to read for tonight. I will report.
Re: responsive slide show with text
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
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
Re: responsive slide show with text
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
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
Re: responsive slide show with text
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?
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?
Re: responsive slide show with text
The browser executes the events (JavaScript), if you use lots of events then this may have impact on the performance of the browser.
Re: responsive slide show with text
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
Re: responsive slide show with text
It seems to work correct. The event is triggered as soon as the carousel has finished the slide animation.
Re: responsive slide show with text
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
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
Re: responsive slide show with text
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.
Re: responsive slide show with text
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
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