I am not explaining well. Yes, the slides are the same height without smoothHeight, but the content is not.
<div class="wrapper flexslider-thumbs">
<div class="flex-viewport" style="overflow: hidden; position: relative;">
<ul class="slides">
<li>
<div class="wrapper">
<div class="left">
<h1></h1>
<p></p>
<h3></h3>
<p></p>
<a></a>
</div>
</div>
<div class="right">
<a><img/></a>
<ul>
<li><span></span></li>
</ul>
</div>
</ul>
</div>
</div>
I need .left & .right to be the same height on all the slides. I have tried equal height JQuery, but nothing works well, and breaks on resize.
I'm using FlexSlider on a lot of my sites and it usually works very well - Thanks a lot!
This time I'm trying to set up a vertical slider and it doesn't really behave as I expect.. I know the functionality is limited for vertical sliders. I followed the docs few mentions about vertical - each item have to be fixed height, no carousel, etc. The problem is, the slider never stops scrolling even when it reaches the botom of the <ul>. It just continues - only showing white space.
How do I get around this? Is this a know issue? Couldn't find any info about it Googling for 45min.
Thanks, David
if (hash) {
index = /\d+/.exec(hash)[0];
index = (parseInt(index) || 1) - 1;
}
$("#peopleslider").flexslider({
animation: "slide",
controlNav: false,
animationLoop: false,
slideshow: false,
directionNav: false,
startAt: index, //now foo.html#3 will load item 3
after:function(slider){
window.location.hash = slider.currentSlide+1;
//now when you navigate, your location updates in the URL
}
});
$('#carousel').flexslider({
animation: "slide",
controlNav: false,
animationLoop: false,
slideshow: false,
prevText: "<i class='fa fa-caret-left fa-lg'></i>",
nextText: "<i class='fa fa-caret-right fa-lg'></i>",
itemWidth: 175,
itemMargin: 0,
minItems: 1,
maxItems: 5,
asNavFor: '#peopleslider'
});
there's a bug that check the .flexslider container width instead .flex-viewport
if someone try to customize the .flex-viewport manually (custom width)
the default viewport just check the .flexslider width, not the .flex-viewport
e.g:
.flexslider = 953
.flex-viewport = 289
transform: translate3d(-289px, 0px, 0px)
hello guys, any thought how to hide flex-prev on the first slide / flex-next on the last slide?
I'm using start() callback, it worked. but it didn't going well when I did this:
first slide (the flex-prev is gone :smile: ) -> click next -> and then, click prev (the flex-prev is there)
`itemWidth
is used