Difference between revisions of "Auto-stripe jQuery debug"
From UnionCloud Support
m (Dannyjkendall12 moved page Auto-stripe not working to Auto-stripe jQuery debug) |
|||
(One intermediate revision by the same user not shown) | |||
Line 1: | Line 1: | ||
+ | <h1>Stripe not scrolling</h1> | ||
+ | ''' | ||
+ | Solution: fix by manually specifying settings. | ||
+ | |||
To be applied to global JS: | To be applied to global JS: | ||
<pre> | <pre> | ||
− | |||
− | |||
jQuery('#homepage-grid').jcarousel({ | jQuery('#homepage-grid').jcarousel({ | ||
auto: 2, | auto: 2, | ||
Line 12: | Line 14: | ||
}); | }); | ||
+ | </pre> | ||
+ | |||
+ | '''Replace '''#homepage-grid''' with the id of your slider. | ||
+ | |||
+ | <h1>Next and previous buttons not showing</h1> | ||
+ | ''' | ||
+ | |||
+ | Solution: Delay settings after page load | ||
+ | |||
+ | |||
+ | Example 1000ms (1 seconds) | ||
+ | |||
+ | <pre> | ||
+ | setTimeout(function(){ | ||
+ | |||
+ | //Enter settings here | ||
+ | |||
}, 1000); | }, 1000); | ||
</pre> | </pre> | ||
− | + | Wrapped in a function to delay it by a second else the next/previous buttons get hidden. | |
− | |||
− | + | <h1>No width/height set for items. This will cause an infinite loop. Aborting</h1> | |
− | |||
− | + | Solution: specify an itemFallbackDimension | |
− |
Latest revision as of 11:58, 30 August 2018
Stripe not scrolling
Solution: fix by manually specifying settings.
To be applied to global JS:
jQuery('#homepage-grid').jcarousel({ auto: 2, wrap: 'last', animation: 10000, itemFallbackDimension: 800 });
Replace #homepage-grid with the id of your slider.
Next and previous buttons not showing
Solution: Delay settings after page load
Example 1000ms (1 seconds)
setTimeout(function(){ //Enter settings here }, 1000);
Wrapped in a function to delay it by a second else the next/previous buttons get hidden.
No width/height set for items. This will cause an infinite loop. Aborting
Solution: specify an itemFallbackDimension