[solved] Display Issue with First Slide Only - Carousel Mode

Hi:
I’m using the universal flexicontent module in carousel mode which is only pulling text fields. I’m having an issue with the first slide in which it shows more than one item. After the first slide cycles to the second everything displays properly. Is there a recommended remedy for this or a way to force the speed of the first cycle?

Thanks,
Tom

[attachment=1:2n5po926]<!-- ia1 -->a.jpg<!-- ia1 -->[/attachment:2n5po926]
[attachment=0:2n5po926]<!-- ia0 -->b.jpg<!-- ia0 -->[/attachment:2n5po926]

Hello

so you are using carousel in vertical mode ?

if you add images does it set the height before 1st scroll/slide operation ?

Hello:
Yes, I’m using vertical mode because 100% width works perfectly. The overall height seems to be calculating correctly on page load, it’s just the first slide that is not displaying correctly. I’ve exaggerated the padding and max text length to illustrate what is happening. I’ve also switched to a core Joomla template to make sure my template is not the cause of any conflicts.

The sequence below is: Page Load / Item 1 | Item 2 | Item 3 | Going back to Item 1

[attachment=0:1oh21gpg]<!-- ia0 -->sample.jpg<!-- ia0 -->[/attachment:1oh21gpg]

Thanks,
Tom

Hello

the carousel template (and the carousel JS script was revised) to offer for both vertical and horizontal

- responsive mode (specify # items)
OR
- fixed ITEM size (px), that is width for horizontal and height for vertical


Thus e.g.
to get a responsive horizontal slideshow, you can set # items to 1


Also 2 bugs including the one that you reported are fixed

you may use them in v2.2.1 rc2+ it should be available next days

Hello

^ Revised carousel template (univeral content module) and carousel JS script, to offer

(a) both responsive (# items) and fixed (item size px) fittings,

(b) various image-to-content placement methods: floated (right/left), cleared (above/below), overlayed (top/bottom/full),

(c) auto-image-fit for cleared, overlayed methods,

(d) auto-show overlayed content for mouse over and/or active,

(e) item activation on mouse over,

(f) improved / revised CSS in regardss to styling and fitting, e.g. very good visibility in overlay mode


You may zip and install from here (into a development web-site):
github.com/FLEXIcontent/flexico ... 2.x_stable

This update resolved the issues I encountered!! This is such a feature rich module and overcomes the URL issues I had with other featured news modules.

Thank you for the update and support!!!

Hello

give some feed back on it (if you find bug), (if it is CSS breaking then POST A LINK to it),

NOTE 1: the last update on carousel go was after 1-2 after mid-night UTC+0


NOTE 2: the new fcxSlider.js will also in (v2.3.0)
-- image/gallery fields,
-- also a new touch slider template for category view



here is what happened to the carousel JS and to carousel template

- RESPONCIVE in both dimensions ... or fixed in 1-dimension
- PERFORMANCE-WISE and smooth operating (in ALL cases ??)
- SLIDESHOW now easily configured (because of new responsive design)
- instant update on window-resize


- it has touch-drag slide
- it has mouse-drag slide (optionally enabled)

- image is auto-fitting ... !!!
- the new smart content placement (floated Right/Left, cleared Above/Below, overlayed )
- paddings, borders, margins are supported via parameters ... via inner ITEM container
- FEATURED items can now be in 1-8 columns
- new content/image placement: (a) cleared, (b)floated, (c) overlayed
- featured items masonry tiles
- other ... !!
- did all non-carousel related stuff to the NEWS template of the module

- (not NEW) PAGE handles recalculation on resize
- (not NEW) ITEM handles auto-scrolled
- (not NEW) ITEM handles / PAGE handles / ITEMs in carousel follow focus of each-other
- (not NEW) smart handling of "active items", no page walk unless needed
- REVISED universal module parameters of layout, now:
a. easier to configure
b. easier to make custom templates, just copy .php , .xml files