flexslider - different size image problem

6 replies·opened Nov 23, 2017
W
web404Nov 23, 2017

I am using this temp index-magazine.html
in flexslider i have different size photo and it have problem (see ATTACHMENTS) can i set flexslider max height and it be responsive

S
SemiColonWebSTAFFNov 27, 2017

Hello,

Simply add the data-smooth-height="true" Attribute to the .fslider Element.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

W
web404Nov 27, 2017

you mean :
in index-magazine.html
<div class="fslider flex-thumb-grid grid-6" data-animation="fade" data-arrows="true" data-thumbs="true">
add data-smooth-height="true"
<div class="fslider flex-thumb-grid grid-6" data-smooth-height="true" data-animation="fade" data-arrows="true" data-thumbs="true">

i have add but it is not working

W
web404Nov 28, 2017

[sb_private_reply]????????[/sb_private_reply]

S
SemiColonWebSTAFFNov 29, 2017

Hello,

Thanks for your Patience!

We have gone through this and the data-smooth-height="true" works only with data-animation="slide" Attribute. So coming to your original request of setting a max-height to the Slider, you can simply do so by adding the style="max-height: 400px;" Attribute to the .fslider Element. Example Code:

<div class="fslider flex-thumb-grid grid-6" data-animation="fade" data-arrows="true" data-thumbs="true" style="max-height: 400px;">

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

W
web404Nov 29, 2017

in index-magazine.html
<div class="fslider flex-thumb-grid grid-6" data-animation="fade" data-arrows="true" data-thumbs="true">
add data-smooth-height=”true” and data-animation=”slide”
<div class="fslider flex-thumb-grid grid-6" data-smooth-height="true" data-animation="slide" data-arrows="true" data-thumbs="true">

data-smooth-height will work ?

S
SemiColonWebSTAFFDec 4, 2017

Hello,

Simply changing the data-animation="fade" to data-animation="slide" will work fine. Adding the data-smooth-height="true" is not required.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard