Difference between revisions of "Auto-stripe jQuery debug"

From UnionCloud Support
Jump to: navigation, search
(Created page with "To be applied to global JS: <pre> setTimeout(function(){ jQuery('#homepage-grid').jcarousel({ auto: 2, wrap: 'last', animation: 10000, itemFallbac...")
 
 
(2 intermediate revisions 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>
setTimeout(function(){
 
 
 
  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>
  
'''NOTES:
+
Wrapped in a function to delay it by a second else the next/previous buttons get hidden.  
'''Replace '''#homepage-grid''' with the id of your slider.
 
  
Wrapped in a function to delay it by a second else the next/prev buttons get hidden.  
+
<h1>No width/height set for items. This will cause an infinite loop. Aborting</h1>
itemFallbackDimension to fix height/width error.
 
  
To control time before scrolling in this fix auto:2 waits 2 seconds and the 1000 adds an additional second delay (1000ms)
+
Solution: specify an itemFallbackDimension
animation as an example of scrolling speed (10,000ms - 10secs)
 

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