Merge pull request #29 from jasongerbes/add-track-option

Add addTrack option

docs/index.html

@@ -951,7 +951,13 @@ <h2>Settings</h2>
             <span class="type default">Default:</span> true<br>
             Whether or not Glider.js events should bubble (useful for binding events to all carousels)
           </li>
-
+          <li>
+            <span class="setting-name">addTrack</span><br>
+            <span class="type">Type:</span> <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean">Boolean</a><br>
+            <span class="type default">Default:</span> true<br>
+            Whether or not Glider.js should wrap it's children with a 'glider-track' &lt;div&gt;.
+            <span class="aside">NOTE: If false, Glider.js will assume that the 'glider-track' element has been added manually. All slides must be children of the track element.</span>
+          </li>
 
         </ul>
       </section>

glider.js

@@ -50,7 +50,8 @@
         // easeInQuad
         easing: function (x, t, b, c, d) {
           return c * (t /= d) * t + b
-        }
+        },
+        addTrack: true
       },
       settings
     )
@@ -63,14 +64,20 @@
     // extend breakpoint settings
     _._opt = _.opt
 
-    // create track and wrap slides
-    _.track = document.createElement('div')
-    _.track.className = 'glider-track'
-    _.ele.appendChild(_.track)
-    while (_.ele.children.length !== 1) {
-      _.track.appendChild(_.ele.children[0])
+    if (_.opt.addTrack) {
+      // create track and wrap slides
+      _.track = document.createElement('div')
+      _.ele.appendChild(_.track)
+      while (_.ele.children.length !== 1) {
+        _.track.appendChild(_.ele.children[0])
+      }
+    } else {
+      // first and only child is the track
+      _.track = _.ele.children[0]
     }
 
+    _.track.classList.add('glider-track')
+
     // start glider
     _.init()