Allow custom templates

demo/index.html

@@ -29,7 +29,8 @@
                 rz-slider-ceil="priceSlider.ceil"
                 rz-slider-model="priceSlider.min"
                 rz-slider-high="priceSlider.max"
-                rz-slider-step="1"></rzslider>
+                rz-slider-step="1"
+                rz-slider-tpl-url="../rzSliderTpl.html"></rzslider>
         </article>
 
         <article>
@@ -40,7 +41,8 @@
                 rz-slider-floor="0"
                 rz-slider-ceil="450"
                 rz-slider-model="priceSlider2"
-                rz-slider-translate="translate"></rzslider>
+                rz-slider-translate="translate"
+                rz-slider-tpl-url="../rzSliderTpl.html"></rzslider>
         </article>
 
         <article>
@@ -50,7 +52,8 @@
             <rzslider rz-slider-model="priceSlider3"
                 rz-slider-floor="50"
                 rz-slider-ceil="450"
-                rz-slider-always-show-bar="true"></rzslider>
+                rz-slider-always-show-bar="true"
+                rz-slider-tpl-url="../rzSliderTpl.html"></rzslider>
         </article>
 
         <article>
@@ -60,7 +63,8 @@
                 rz-slider-floor="0"
                 rz-slider-ceil="letterMax"
                 rz-slider-model="letter"
-                rz-slider-translate="alphabetTranslate"></rzslider>
+                rz-slider-translate="alphabetTranslate"
+                rz-slider-tpl-url="../rzSliderTpl.html"></rzslider>
         </article>
 
     </div>

rzslider.js

@@ -977,7 +977,7 @@ function throttle(func, wait, options) {
     },
 
     templateUrl: function(elem, attrs) {
-      return attrs.rzSliderTplUrl || '../rzSliderTpl.html'
+      return attrs.rzSliderTplUrl || 'rzSliderTpl.html'
     },
 
     link: function(scope, elem, attr)