Difference between revisions of "Change Officer Stripe Speed"
From UnionCloud Support
| (5 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| − | + | [[File:OfficerStripe.PNG|thumb|This is an example officer stripe on UnionCloud]] | |
| − | + | If you are using the default Union Cloud Officer Stripe, section type to display profile pictures on a page within your website you can add the following line of code to your [[Global Javascript]] to change the scroll speed. | |
| − | If you are using the default Union Cloud Officer Stripe, section type to display profile pictures on a page within your website you can add the following line of code to your [[Global | ||
To change the speed of the scroll simply change the 'auto:X,' line and replace the X with the number of seconds you want to delay the scroll, the example below uses 2 seconds. | To change the speed of the scroll simply change the 'auto:X,' line and replace the X with the number of seconds you want to delay the scroll, the example below uses 2 seconds. | ||
| − | < | + | <syntaxhighlight lang="javascript" line='line'> |
$('.auto-stripe ul').jcarousel({ | $('.auto-stripe ul').jcarousel({ | ||
scroll:1, | scroll:1, | ||
| Line 12: | Line 11: | ||
itemFallbackDimension: 300 | itemFallbackDimension: 300 | ||
}); | }); | ||
| − | </ | + | </syntaxhighlight> |
Latest revision as of 14:51, 29 March 2017
If you are using the default Union Cloud Officer Stripe, section type to display profile pictures on a page within your website you can add the following line of code to your Global Javascript to change the scroll speed.
To change the speed of the scroll simply change the 'auto:X,' line and replace the X with the number of seconds you want to delay the scroll, the example below uses 2 seconds.
1 $('.auto-stripe ul').jcarousel({
2 scroll:1,
3 wrap: 'last',
4 auto:2,
5 itemFallbackDimension: 300
6 });
