path to img resources as option, might help with #62

.gitignore

@@ -18,4 +18,5 @@ Icon
 *.sass-cache
 
 node_modules
-source
+source
+build

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "slippry",
-  "version": "1.2.7",
+  "version": "1.2.8",
   "homepage": "http://slippry.com",
   "authors": [
     "Lukas Jakob Hafner - @saftsaak",

dist/slippry.css

@@ -1,12 +1,12 @@
 /**
  *
- * slippry v1.2.7 - Responsive content slider for jQuery
+ * slippry v1.2.8 - Responsive content slider for jQuery
  * http://slippry.com
  *
  * Authors: Lukas Jakob Hafner - @saftsaak
  *          Thomas Hurd - @SeenNotHurd
  *
- * Copyright 2014, booncon oy - http://booncon.com
+ * Copyright 2015, booncon oy - http://booncon.com
  *
  *
  * Released under the MIT license - http://opensource.org/licenses/MIT
@@ -102,7 +102,7 @@
     transform: translateY(-20%) translateX(-10%); } }
 /* added to the original element calling slippry */
 .sy-box.sy-loading {
-  background: url(/images/sy-loader.gif) 50% 50% no-repeat;
+  background: url("/images/sy-loader.gif") 50% 50% no-repeat;
   -moz-background-size: 32px;
   -o-background-size: 32px;
   -webkit-background-size: 32px;
@@ -228,7 +228,7 @@
         outline: none; }
       .sy-controls li a:after {
         content: "";
-        background-image: url(/images/arrows.svg);
+        background-image: url("/images/arrows.svg");
         background-repeat: no-repeat;
         -moz-background-size: cover;
         -o-background-size: cover;

src/slippry.js

@@ -1,12 +1,12 @@
 /** @preserve
  *
- * slippry v1.2.7 - Responsive content slider for jQuery
+ * slippry v1.2.8 - Responsive content slider for jQuery
  * http://slippry.com
  *
  * Authors: Lukas Jakob Hafner - @saftsaak
  *          Thomas Hurd - @SeenNotHurd
  *
- * Copyright 2014, booncon oy - http://booncon.com
+ * Copyright 2015, booncon oy - http://booncon.com
  *
  *
  * Released under the MIT license - http://opensource.org/licenses/MIT

src/slippry.scss

@@ -1,12 +1,12 @@
 /**
  *
- * slippry v1.2.7 - Responsive content slider for jQuery
+ * slippry v1.2.8 - Responsive content slider for jQuery
  * http://slippry.com
  *
  * Authors: Lukas Jakob Hafner - @saftsaak
  *          Thomas Hurd - @SeenNotHurd
  *
- * Copyright 2014, booncon oy - http://booncon.com
+ * Copyright 2015, booncon oy - http://booncon.com
  *
  *
  * Released under the MIT license - http://opensource.org/licenses/MIT
@@ -20,7 +20,8 @@ $controls_size: 2.8em !default;    // size of the next/ prev buttons
 $pager_size: 1.2em !default;       // size of the pager bubbles
 $trans_ease: ease !default;        // easing for the transitions
 $mobile_break: 600px !default;     // breakpoint to use some special mobile styling
-
+$spinner_url: '/images/sy-loader.gif' !default;
+$arrows_url: '/images/arrows.svg' !default;
 
 @mixin keyframes($name) {
   @-webkit-keyframes #{$name} {
@@ -72,7 +73,7 @@ $mobile_break: 600px !default;     // breakpoint to use some special mobile styl
     .sy-slides-wrap, .sy-pager {
       visibility: hidden;
     }
-    background: url(/images/sy-loader.gif) 50% 50% no-repeat;
+    background: url($spinner_url) 50% 50% no-repeat;
     @include background-size(32px);
     min-height: 40px;
   }
@@ -195,7 +196,7 @@ $mobile_break: 600px !default;     // breakpoint to use some special mobile styl
       }
       &:after {
         content: "";
-        background-image: url(/images/arrows.svg);
+        background-image: url($arrows_url);
         background-repeat: no-repeat;
         @include background-size(cover);
         text-align: center;