v0.1.4

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "owl.carousel2.thumbs",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "homepage": "https://github.com/gijsroge/OwlCarousel2-Thumbs",
   "authors": [
     { "name" : "Gijs Rogé",

dist/owl.carousel2.thumbs.js

@@ -1,8 +1,8 @@
-/*! owl.carousel2.thumbs - v0.1.2 | (c) 2015 @gijsroge | MIT license | https://github.com/gijsroge/OwlCarousel2-Thumbs */
+/*! owl.carousel2.thumbs - v0.1.4 | (c) 2015 @gijsroge | MIT license | https://github.com/gijsroge/OwlCarousel2-Thumbs */
 /**
  * Thumbs Plugin
  * @version 2.0.0
- * @author Gijs Rogé
+ * @author Gijs Rogé
  * @license The MIT License (MIT)
  */
 (function ($, window, document, undefined) {
@@ -62,7 +62,7 @@
          */
         this._handlers = {
             'prepared.owl.carousel': $.proxy(function (e) {
-                if (e.namespace && this.owl.options.thumbs && !this.owl.options.thumbImage && !this.owl.options.thumbPrerendered && !this.owl.options.thumbImage) {
+                if (e.namespace && this.owl.options.thumbs && !this.owl.options.thumbImage && !this.owl.options.thumbsPrerendered && !this.owl.options.thumbImage) {
                     if ($(e.content).find('[data-thumb]').attr('data-thumb') !== undefined) {
                         this._thumbcontent.push($(e.content).find('[data-thumb]').attr('data-thumb'));
                     }
@@ -105,7 +105,8 @@
         thumbs: true,
         thumbImage: false,
         thumbContainerClass: 'owl-thumbs',
-        thumbItemClass: 'owl-thumb-item'
+        thumbItemClass: 'owl-thumb-item',
+        moveThumbsInside: false
     };
 
 
@@ -118,7 +119,7 @@
         //set default options
         var options = this.owl.options;
 
-        if (options.thumbPrerendered) {
+        if (options.thumbsPrerendered) {
             this._thumbcontent._thumbcontainer = $('.' + options.thumbContainerClass);
         }
 
@@ -131,7 +132,7 @@
             // get index of clicked thumbnail
             var index = $(e.target).parent().is(this._thumbcontent._thumbcontainer) ? $(e.target).index() : $(e.target).parent().index();
 
-            if (options.thumbPrerendered) {
+            if (options.thumbsPrerendered) {
                 // slide to slide :)
                 $('[data-slider-id=' + this._identifier + ']').trigger('to.owl.carousel', index);
             } else {
@@ -156,7 +157,10 @@
         if (!options.thumbsPrerendered) {
             this._thumbcontent._thumbcontainer = $('<div>').addClass(options.thumbContainerClass).appendTo(this.$element);
         } else {
-            this._thumbcontent._thumbcontainer = $('.' + options.thumbContainerClass + '').appendTo(this.$element);
+            this._thumbcontent._thumbcontainer = $('.' + options.thumbContainerClass + '');
+            if(options.moveThumbsInside){
+                this._thumbcontent._thumbcontainer.appendTo(this.$element);
+            }
         }
 
         //create thumb items
@@ -189,7 +193,7 @@
         var options = this.owl.options;
 
         // set relative thumbnail container
-        var thumbContainer = options.thumbPrerendered ? $('.' + options.thumbContainerClass + '[data-slider-id="' + this._identifier + '"]') : this._thumbcontent._thumbcontainer;
+        var thumbContainer = options.thumbsPrerendered ? $('.' + options.thumbContainerClass + '[data-slider-id="' + this._identifier + '"]') : this._thumbcontent._thumbcontainer;
         thumbContainer.children().filter('.active').removeClass('active');
         thumbContainer.children().eq(this.owl_currentitem).addClass('active');
     };

package.json

@@ -2,7 +2,7 @@
   "name": "owl.carousel2.thumbs",
   "title": "Owl Carousel 2 Thumbnails",
   "description": "Enables thumbnail support for Owl Carousel 2.0",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "main": "dist/owl.carousel2.thumbs.min.js",
   "homepage": "https://github.com/gijsroge/OwlCarousel2-Thumbs",
   "author": {