CODEWITHSUNDEEP
flexslider
user300461
user300461

Reputation:

FlexSlider: Always show snippet of the next slide

Anybody know how I might set up FlexSlider to always reveal a portion of the next slide? For example:

FlexSlider goal

It would do this always, not when hovered over, etc. Essentially, it entices the viewer to continue looking through the panels. Naturally, I'd set slideshow: false.

Upvotes: 2

Views: 3023

Answers (2)

Joe Smalley
Joe Smalley

Reputation: 313

Try changing the flexslider function attribute 'itemMargin' to 0

Upvotes: 0

user300461
user300461

Reputation:

I figured it out; it's not perfect, but it's a great start:

.flex-active-slide + li {
    left: -1%;
    position: relative;
}

This says, "Hey, target the next <li> that is an adjacent sibling of .flex-active-slide (which is the currently active/visible slide), and move it left by a small amount."

Upvotes: 1

Related Questions