Difference between revisions of "Auto-stripe jQuery debug"

From UnionCloud Support
Jump to: navigation, search
 
Line 1: Line 1:
'''Stripe not scrolling
+
<h1>Stripe not scrolling</h1>
 
'''
 
'''
 
Solution: fix by manually specifying settings.
 
Solution: fix by manually specifying settings.
Line 18: Line 18:
 
'''Replace '''#homepage-grid''' with the id of your slider.
 
'''Replace '''#homepage-grid''' with the id of your slider.
  
'''Next and previous buttons not showing
+
<h1>Next and previous buttons not showing</h1>
 
'''
 
'''
  
Line 36: Line 36:
 
Wrapped in a function to delay it by a second else the next/previous buttons get hidden.  
 
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
+
<h1>No width/height set for items. This will cause an infinite loop. Aborting</h1>
'''
 
  
 
Solution: specify an itemFallbackDimension
 
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