Difference between revisions of "Auto-stripe jQuery debug"

Revision as of 11:57, 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

@@ Line 1: / Line 1: @@
+'''Stripe not scrolling
+'''
+Solution: fix by manually specifying settings.
 To be applied to global JS:
 <pre>
-setTimeout(function(){
   jQuery('#homepage-grid').jcarousel({
          auto: 2,
@@ Line 12: / Line 14: @@
      });
+</pre>
+'''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)
+<pre>
+setTimeout(function(){
+//Enter settings here
   }, 1000);
 </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.
+'''No width/height set for items. This will cause an infinite loop. Aborting
-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)