jquery-flipster icon indicating copy to clipboard operation
jquery-flipster copied to clipboard

Align Flipster to the right, rather than centering

Open Tebbott opened this issue 6 years ago • 2 comments

I know the conventional cover-flow style dictates that the current active item appears in the center of the list, however I'm looking to right align my coverflow, so you can only see the previous items, not the next. Is this possible with Flipster?

Tebbott avatar Mar 28 '18 11:03 Tebbott

OK, so you can use CSS to hide .flipster__item--future, which gives the appearance of flipster being right aligned. Now to figure out how to initialise so that the last slide appears first.

Tebbott avatar Mar 28 '18 12:03 Tebbott

Hi!

You can use start to initialize from an specific position.

If you want to always start flipster from the last item and assuming your HTML looks like

<div class="flipster">
    <ul>
	<li>--Your content--</li>
	<li>--Your content--</li>
	<li>--Your content--</li>
    </ul>
</div>

You can hide the future items with css and use something like:

var last = $('.flipster ul li').length - 1;

$( '.flipster' ).flipster({
	spacing: -0.25,
	buttons: true,
	start: last
});

msantelices avatar Mar 28 '18 15:03 msantelices

This repository is going into very-low-maintenance mode and declaring backlog bankruptcy

drien avatar Jan 18 '24 00:01 drien