Back

Alignment Examples

Different alignments for buttons and dots.

1. Buttons left only

Item 1
Item 2
Item 3
Item 4
Item 5

2. Buttons center only

Item 1
Item 2
Item 3
Item 4
Item 5

3. Buttons right only

Item 1
Item 2
Item 3
Item 4
Item 5

4. Dots left only

Item 1
Item 2
Item 3
Item 4
Item 5

5. Dots center only

Item 1
Item 2
Item 3
Item 4
Item 5

6. Dots right only

Item 1
Item 2
Item 3
Item 4
Item 5

Source: Buttons left only Copy to clipboard 


new AvalynxCardSlider('track1', {
	prevBtnId: 'prev1',
	nextBtnId: 'next1'
});

Source: Buttons center only Copy to clipboard 


new AvalynxCardSlider('track2', {
	prevBtnId: 'prev2',
	nextBtnId: 'next2'
});

Source: Buttons right only Copy to clipboard 


new AvalynxCardSlider('track3', {
	prevBtnId: 'prev3',
	nextBtnId: 'next3'
});

Source: Dots left only Copy to clipboard 


new AvalynxCardSlider('track4', {
	dotsId: 'dots4'
});

Source: Dots center only Copy to clipboard 


new AvalynxCardSlider('track5', {
	dotsId: 'dots5'
});

Source: Dots right only Copy to clipboard 


new AvalynxCardSlider('track6', {
	dotsId: 'dots6'
});