Adding an option to set slidee element manually. Closes #195.

darsain · Apr 28, 2015 · 5aa26db · 5aa26db
1 parent e0574f8
commit 5aa26db
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/docs/Options.md b/docs/Options.md
@@ -24,6 +24,7 @@ Sly call with all default options as defined in the source.
 
 ```js
 var frame = new Sly('#frame', {
+	slidee:     null,  // Selector, DOM element, or jQuery object with DOM element representing SLIDEE.
 	horizontal: false, // Switch to horizontal mode.
 
 	// Item based navigation
@@ -94,6 +95,13 @@ var frame = new Sly('#frame', {
 
 # Options
 
+### slidee
+
+Type: `String|Element|Object`
+Default: `null`
+
+This option allows to manually set what will Sly use as a SLIDEE element. By default, SLIDEE is a 1st child of FRAME.
+
 ### horizontal
 
 Type: `Boolean`

diff --git a/src/sly.js b/src/sly.js
@@ -61,7 +61,7 @@
 
 		// Frame
 		var $frame = $(frame);
-		var $slidee = $frame.children().eq(0);
+		var $slidee = o.slidee ? $(o.slidee).eq(0) : $frame.children().eq(0);
 		var frameSize = 0;
 		var slideeSize = 0;
 		var pos = {
@@ -2097,6 +2097,7 @@
 
 	// Default options
 	Sly.defaults = {
+		slidee:     null,  // Selector, DOM element, or jQuery object with DOM element representing SLIDEE.
 		horizontal: false, // Switch to horizontal mode.
 
 		// Item based navigation