diff --git a/angular-panorama.js b/angular-panorama.js
index c558163..63e21c6 100644
--- a/angular-panorama.js
+++ b/angular-panorama.js
@@ -1,6 +1,6 @@
 /**
  * Angular Panorama - Mimic Windows Phone's Panorama UI control.
- * @version v0.1.1 - 2013-12-28
+ * @version v0.1.1 - 2013-12-30
  * @link http://cnjsstong2.github.com/angular-panorama
  * @author Tong Shen <tshen@farseerinc.com>
  * @license MIT License, http://www.opensource.org/licenses/MIT
@@ -323,10 +323,14 @@ angular.module('angular-panorama')
                         container.css('background-image', 'url('+iAttrs.ngPanoramaBackgroundImage+')');
                         container.css('background-position','0% 50%');
                     }
-                    scope.$watch('iAttrs.ngPanoramaBackgroundImage', function(newValue){
+                    iAttrs.$observe('ngPanoramaBackgroundImage', function(newValue, oldValue){
+                        console.log(scope);
+                        console.log(oldValue);
+                        console.log(newValue);
                         if(newValue) {
+                            console.log('changing..');
                             container.css('background-image', 'url('+newValue+')');
-                            container.css('background-position','0% 50%');
+                            container.css('background-position',scope.panoramaCollection.position/scope.panoramaCollection.lastIndex*100+'% 50%');
                         }
                     });
 
diff --git a/angular-panorama.min.js b/angular-panorama.min.js
index e0c83f0..408c8c3 100644
--- a/angular-panorama.min.js
+++ b/angular-panorama.min.js
@@ -1,8 +1,8 @@
 /**
  * Angular Panorama - Mimic Windows Phone's Panorama UI control.
- * @version v0.1.1 - 2013-12-28
+ * @version v0.1.1 - 2013-12-30
  * @link http://cnjsstong2.github.com/angular-panorama
  * @author Tong Shen <tshen@farseerinc.com>
  * @license MIT License, http://www.opensource.org/licenses/MIT
  */
-angular.module("angular-panorama",["ngTouch"]),angular.module("angular-panorama").directive("ngPanoramaIndicators",[function(){return{restrict:"A",replace:!0,scope:{items:"=",index:"="},template:'<div class="ng-panorama-indicator"><span ng-repeat="item in items" ng-class="{active: $index==$parent.index}">●</span></div>'}}]),angular.module("angular-panorama").directive("ngPanoramaInfinite",["$parse","$compile",function(a){return{restrict:"EA",transclude:!0,replace:!0,scope:!0,template:"<ul ng-panorama ng-panorama-buffered><li ng-transclude></li></ul>",compile:function(b,c){var d=c.ngPanoramaCurrent+" in items";return b.children("li").attr("ng-repeat",d),function(b,c,d){b.items=[a(d.ngPanoramaCurrent)(b)],b.$watchCollection("panoramaCollection.position",function(c){a(d.ngPanoramaCurrent).assign(b.$parent,b.items[c])})}}}}]),angular.module("angular-panorama").directive("ngPanorama",["$compile","$parse","$swipe","$document","$window","CollectionManager",function(a,b,c,d,e,f){var g=0;return{restrict:"A",scope:!0,compile:function(h,i){h.addClass("ng-panorama-slides");for(var j,k=h.children("li"),l=0;l<k.length;l++)k[l].attributes["ng-repeat"]&&(j=k[l]);var m,n,o=j.attributes,p=o["ng-repeat"],q=!1;if(console.log(j),console.log(p),p||(p=o["data-ng-repeat"]),p||(p=o["x-ng-repeat"]),p){var r=p.value.match(/^\s*(.+)\s+in\s+(.*?)\s*(\s+track\s+by\s+(.+)\s*)?$/),s=r[1],t=r[3]||"";m=r[2],q=angular.isDefined(i.ngPanoramaBuffered),p.value=s+" in panoramaCollection.cards "+t}else{var u=h.children("li");if(u.length<2)throw new Error("panorama: cannot find the ngRepeat attribute OR no childNodes detected");m="fakeArray",n=Array.prototype.slice.apply(u),console.log("fakeArray"),console.log(n)}return function(h,i,j){function k(a){var b=angular.element(a).css("transform").match(/translate3d\((-?\d+(?:px)?),\s*(-?\d+(?:px)?),\s*(-?\d+(?:px)?)\)/);return b?b.slice(1,3):[0,0,0]}function l(a){!a.target||a.target!==I[0]||"transform"!==a.propertyName&&"-webkit-transform"!==a.propertyName&&"-moz-transform"!==a.propertyName||(h.$apply(function(){r(),h.panoramaCollection.adjustBuffer(),w(!0)}),I.css(t(k(I[0]),!0)))}function o(a,b){function c(){H=!0,h.panoramaCollection[a](b,!0)}h.$$phase?c():h.$apply(c)}function p(a,b){var c="after"===a?"push":"unshift";b&&(angular.isObject(b.promise)?b.promise.then(function(a){a&&o(c,a)}):angular.isFunction(b.then)?b.then(function(a){a&&o(c,a)}):o(c,b))}function r(){var a=h.panoramaCollection.position,c=h.panoramaCollection.getLastIndex(),d=null;0===a&&angular.isDefined(j.ngPanoramaPrev)&&(d=b(j.ngPanoramaPrev)(h,{item:h.panoramaCollection.cards[0]}),p("before",d)),a===c&&angular.isDefined(j.ngPanoramaNext)&&(d=b(j.ngPanoramaNext)(h,{item:h.panoramaCollection.cards[h.panoramaCollection.cards.length-1]}),p("after",d))}function s(a,b){var c={};return c[a]=b,angular.forEach(P,function(d){c["-"+d.toLowerCase()+"-"+a]=b}),c}function t(a,b){return b?s("transform","translate3d("+a+"px,0,0)"):s("transform","translate("+a+"px,0)")}function u(){v(),w()}function v(){J.css("width","auto"),H=!0;var a=I.children("li");return G=0===a.length?I[0].getBoundingClientRect().width:a[0].getBoundingClientRect().width,J.css("width",G+"px"),G}function w(a){H=!!a||H,0===G&&v(),E=Math.round(h.panoramaCollection.getOffsetWithWidth(h.panoramaCollection.getRelativeIndex())*G/100),H===!0?I.removeClass("ng-panorama-animate").addClass("ng-panorama-noanimate").css(t(E,!1)):I.removeClass("ng-panorama-noanimate").addClass("ng-panorama-animate").css(t(E,!0)),H=!1}function x(a){if(d.unbind("mouseup",z),0===G&&v(),B>1){var b=h.panoramaCollection.getLastIndex(),c=h.panoramaCollection.position,e=D>E?1:-1,f=Math.min(Math.max(0,c+e),b),g=a.x-C;Math.abs(g)<=G*F&&(f=c);var i=c!==f;i?h.$apply(function(){angular.isDefined(j.ngPanoramaCycle)&&(h.panoramaCollection.position=f,w()),console.log(f),console.log(b);var a=f/b*100;J.css("background-position",a+"% 50%"),h.panoramaCollection.goTo(f,!0)}):h.$apply(function(){w()})}B=0}function y(a){var b=J[0].getBoundingClientRect(),c=a.x>b.left&&a.x<b.left+G&&a.y>b.top&&a.y<b.top+b.height;return c}function z(a){x({x:a.clientX,y:a.clientY})}g++;var A="ng-panorama-"+g,B=0,C=0,D=0,E=0,F=.1,G=0,H=!0,I=i.wrap("<div id='"+A+"' class='ng-panorama-container'></div>"),J=I.parent();n&&(h.fakeArray=n),h.$watch("originalCollection");var K=b(m),L={},M=0;if(j.ngPanoramaIndex){var N=b(j.ngPanoramaIndex);angular.isFunction(N.assign)?(h.$watch("panoramaCollection.index",function(a){N.assign(h.$parent,a)}),M=N(h),h.$parent.$watch(N,function(a){void 0!==a&&h.panoramaCollection.goToIndex(a,!0)})):isNaN(j.ngPanoramaIndex)||(M=parseInt(j.ngPanoramaIndex,10))}angular.isDefined(j.ngPanoramaCycle)&&(L.cycle=!0),L.index=M,q&&(L.bufferSize=3,L.buffered=!0),h.panoramaCollection=f.create(L),h.$watch("panoramaCollection.updated",function(a){a&&w()});var O=!1;h.$watch(K,function(a){h.panoramaCollection.setItems(a,O),O=!0,0===G&&v(),w()}),angular.isDefined(j.ngPanoramaWatch)&&h.$watch(m,function(a){h.panoramaCollection.setItems(a,!1),O=!0,0===G&&v(),w()},!0);var P=["webkit","moz"];if(I[0].addEventListener("webkitTransitionEnd",l,!1),I[0].addEventListener("transitionend",l,!1),window.addEventListener("orientationchange",u),window.addEventListener("resize",u),angular.isDefined(j.ngPanoramaBackgroundImage)&&(J.css("background-image","url("+j.ngPanoramaBackgroundImage+")"),J.css("background-position","0% 50%")),h.$watch("iAttrs.ngPanoramaBackgroundImage",function(a){a&&(J.css("background-image","url("+a+")"),J.css("background-position","0% 50%"))}),angular.isDefined(j.ngPanoramaIndicator)){var Q=a("<div id='"+A+"-indicator' index='panoramaCollection.index' items='panoramaCollection.items' data-ng-panorama-indicators class='ng-panorama-indicator'></div>")(h);J.append(Q)}var R=null,S=e.jasmine||"iPad"==e.navigator.platform?0:50;c.bind(I,{start:function(a){0===B&&(B=1,C=a.x),d.bind("mouseup",z)},move:function(a){if(!y(a))return x(a),void 0;if(0!==B){var b=a.x-C;if(1===B&&0!==b)B=2,D=E;else if(2===B){var c=(new Date).getTime();if(R&&S>c-R)return;R=c;var d=h.panoramaCollection.getLastIndex(),e=h.panoramaCollection.position,f=1;(0===e&&a.x>C||e===d&&a.x<C)&&(f=3),E=D+b/f,I.css(t(E,!0)).removeClass("ng-panorama-animate").addClass("ng-panorama-noanimate")}}},end:function(a){x(a)}})}}}}]),angular.module("angular-panorama").service("CollectionManager",[function(){function a(a){var b,c={bufferSize:0,bufferStart:0,buffered:!1,cycle:!1,cycleOffset:0,index:0,position:0,items:[],cards:[],updated:null,debug:!1};if(a)for(b in a)c[b]=a[b];for(b in c)this[b]=c[b];angular.extend(this,c,a),this.init()}return a.prototype.log=function(){this.debug&&console.log.apply(console,arguments)},a.prototype.getPositionFromIndex=function(a){return(a+this.cycleOffset)%this.length()},a.prototype.goToIndex=function(a,b){if(a=Math.max(0,Math.min(a,this.getLastIndex())),this.updated&&a===this.index)return this.log("skip position change(same)"),!1;var c=this.getPositionFromIndex(a);return this.goTo(c,b)},a.prototype.goTo=function(a,b){if(this.log("goto start",a,b),0===this.length())return this.log("empty, skip gotoIndex"),void 0;a=Math.max(0,Math.min(a,this.getLastIndex()));var c=!1;this.cycle&&(0===a?(this.log("cycleAtBeginning",a),this.cycleAtBeginning(),a=1,this.cycleOffset++,c=!0):a===this.getLastIndex()&&(this.log("cycleAtEnd",a),this.cycleAtEnd(),a--,this.cycleOffset--,c=!0),this.cycleOffset%=this.length()),this.position=Math.max(0,Math.min(a,this.getLastIndex()));var d=(this.position-this.cycleOffset+this.length())%this.length();this.index=Math.max(0,Math.min(d,this.getLastIndex())),b||this.adjustBuffer(),c||(this.updated=new Date)},a.prototype.next=function(){this.cycle?this.goTo((this.position+1)%this.length()):this.goTo(Math.min(this.position+1,this.getLastIndex()))},a.prototype.prev=function(){if(this.cycle)this.goTo((this.position-1+this.length())%this.length());else{var a=this.length()>0?Math.max(0,(this.position-1)%this.length()):0;this.goTo(a)}},a.prototype.setBufferSize=function(a){this.log("setBufferSize",a),this.bufferSize=a,this.adjustBuffer()},a.prototype.isBuffered=function(){return this.buffered},a.prototype.getRelativeIndex=function(){var a=Math.max(0,Math.min(this.getLastIndex(),this.position-this.bufferStart));return a},a.prototype.adjustBuffer=function(){var a=(this.getLastIndex()+1-this.bufferSize)%this.length();this.log("maxBufferStart",a),this.bufferStart=Math.max(0,Math.min(a,this.position-1)),this.cards=this.items.slice(this.bufferStart,this.bufferStart+this.bufferSize),this.log("adjustBuffer from",this.bufferStart,"to",this.bufferStart+this.bufferSize)},a.prototype.length=function(){return this.items.length},a.prototype.getLastIndex=function(){var a=Math.max(0,this.length()-1);return a},a.prototype.init=function(){this.setBufferSize(this.isBuffered()?this.bufferSize:this.length()),this.length()>0&&this.goToIndex(this.index)},a.prototype.setItems=function(a,b){this.log("setItems",a,b),b&&(this.index=0,this.position=0),this.items=a||[],this.init()},a.prototype.cycleAtEnd=function(){this.push(this.items.shift())},a.prototype.push=function(a,b){this.log("push item(s)",a,b),this.items.push(a),b&&(this.adjustBuffer(),this.updated=new Date),this.buffered||this.bufferSize++},a.prototype.unshift=function(a,b){this.log("unshift item(s)",a,b),this.items.unshift(a),this.buffered||this.bufferSize++,b&&(this.position++,this.adjustBuffer(),this.updated=new Date)},a.prototype.cycleAtBeginning=function(){this.unshift(this.items.pop())},a.prototype.getOffsetWithWidth=function(a){if(this.items[0].width){var b=0,c=this.index;if(0==c)return 0;for(var d in this.cards.slice(0,a))b+=this.cards[d].width;return b-=c<this.items.length-1?(100-this.cards[a].width)/2:100-this.cards[a].width,console.log(a),console.log(this.index),console.log(c),-b}return-a},{create:function(b){return new a(b)}}}]);
\ No newline at end of file
+angular.module("angular-panorama",["ngTouch"]),angular.module("angular-panorama").directive("ngPanoramaIndicators",[function(){return{restrict:"A",replace:!0,scope:{items:"=",index:"="},template:'<div class="ng-panorama-indicator"><span ng-repeat="item in items" ng-class="{active: $index==$parent.index}">●</span></div>'}}]),angular.module("angular-panorama").directive("ngPanoramaInfinite",["$parse","$compile",function(a){return{restrict:"EA",transclude:!0,replace:!0,scope:!0,template:"<ul ng-panorama ng-panorama-buffered><li ng-transclude></li></ul>",compile:function(b,c){var d=c.ngPanoramaCurrent+" in items";return b.children("li").attr("ng-repeat",d),function(b,c,d){b.items=[a(d.ngPanoramaCurrent)(b)],b.$watchCollection("panoramaCollection.position",function(c){a(d.ngPanoramaCurrent).assign(b.$parent,b.items[c])})}}}}]),angular.module("angular-panorama").directive("ngPanorama",["$compile","$parse","$swipe","$document","$window","CollectionManager",function(a,b,c,d,e,f){var g=0;return{restrict:"A",scope:!0,compile:function(h,i){h.addClass("ng-panorama-slides");for(var j,k=h.children("li"),l=0;l<k.length;l++)k[l].attributes["ng-repeat"]&&(j=k[l]);var m,n,o=j.attributes,p=o["ng-repeat"],q=!1;if(console.log(j),console.log(p),p||(p=o["data-ng-repeat"]),p||(p=o["x-ng-repeat"]),p){var r=p.value.match(/^\s*(.+)\s+in\s+(.*?)\s*(\s+track\s+by\s+(.+)\s*)?$/),s=r[1],t=r[3]||"";m=r[2],q=angular.isDefined(i.ngPanoramaBuffered),p.value=s+" in panoramaCollection.cards "+t}else{var u=h.children("li");if(u.length<2)throw new Error("panorama: cannot find the ngRepeat attribute OR no childNodes detected");m="fakeArray",n=Array.prototype.slice.apply(u),console.log("fakeArray"),console.log(n)}return function(h,i,j){function k(a){var b=angular.element(a).css("transform").match(/translate3d\((-?\d+(?:px)?),\s*(-?\d+(?:px)?),\s*(-?\d+(?:px)?)\)/);return b?b.slice(1,3):[0,0,0]}function l(a){!a.target||a.target!==I[0]||"transform"!==a.propertyName&&"-webkit-transform"!==a.propertyName&&"-moz-transform"!==a.propertyName||(h.$apply(function(){r(),h.panoramaCollection.adjustBuffer(),w(!0)}),I.css(t(k(I[0]),!0)))}function o(a,b){function c(){H=!0,h.panoramaCollection[a](b,!0)}h.$$phase?c():h.$apply(c)}function p(a,b){var c="after"===a?"push":"unshift";b&&(angular.isObject(b.promise)?b.promise.then(function(a){a&&o(c,a)}):angular.isFunction(b.then)?b.then(function(a){a&&o(c,a)}):o(c,b))}function r(){var a=h.panoramaCollection.position,c=h.panoramaCollection.getLastIndex(),d=null;0===a&&angular.isDefined(j.ngPanoramaPrev)&&(d=b(j.ngPanoramaPrev)(h,{item:h.panoramaCollection.cards[0]}),p("before",d)),a===c&&angular.isDefined(j.ngPanoramaNext)&&(d=b(j.ngPanoramaNext)(h,{item:h.panoramaCollection.cards[h.panoramaCollection.cards.length-1]}),p("after",d))}function s(a,b){var c={};return c[a]=b,angular.forEach(P,function(d){c["-"+d.toLowerCase()+"-"+a]=b}),c}function t(a,b){return b?s("transform","translate3d("+a+"px,0,0)"):s("transform","translate("+a+"px,0)")}function u(){v(),w()}function v(){J.css("width","auto"),H=!0;var a=I.children("li");return G=0===a.length?I[0].getBoundingClientRect().width:a[0].getBoundingClientRect().width,J.css("width",G+"px"),G}function w(a){H=!!a||H,0===G&&v(),E=Math.round(h.panoramaCollection.getOffsetWithWidth(h.panoramaCollection.getRelativeIndex())*G/100),H===!0?I.removeClass("ng-panorama-animate").addClass("ng-panorama-noanimate").css(t(E,!1)):I.removeClass("ng-panorama-noanimate").addClass("ng-panorama-animate").css(t(E,!0)),H=!1}function x(a){if(d.unbind("mouseup",z),0===G&&v(),B>1){var b=h.panoramaCollection.getLastIndex(),c=h.panoramaCollection.position,e=D>E?1:-1,f=Math.min(Math.max(0,c+e),b),g=a.x-C;Math.abs(g)<=G*F&&(f=c);var i=c!==f;i?h.$apply(function(){angular.isDefined(j.ngPanoramaCycle)&&(h.panoramaCollection.position=f,w()),console.log(f),console.log(b);var a=f/b*100;J.css("background-position",a+"% 50%"),h.panoramaCollection.goTo(f,!0)}):h.$apply(function(){w()})}B=0}function y(a){var b=J[0].getBoundingClientRect(),c=a.x>b.left&&a.x<b.left+G&&a.y>b.top&&a.y<b.top+b.height;return c}function z(a){x({x:a.clientX,y:a.clientY})}g++;var A="ng-panorama-"+g,B=0,C=0,D=0,E=0,F=.1,G=0,H=!0,I=i.wrap("<div id='"+A+"' class='ng-panorama-container'></div>"),J=I.parent();n&&(h.fakeArray=n),h.$watch("originalCollection");var K=b(m),L={},M=0;if(j.ngPanoramaIndex){var N=b(j.ngPanoramaIndex);angular.isFunction(N.assign)?(h.$watch("panoramaCollection.index",function(a){N.assign(h.$parent,a)}),M=N(h),h.$parent.$watch(N,function(a){void 0!==a&&h.panoramaCollection.goToIndex(a,!0)})):isNaN(j.ngPanoramaIndex)||(M=parseInt(j.ngPanoramaIndex,10))}angular.isDefined(j.ngPanoramaCycle)&&(L.cycle=!0),L.index=M,q&&(L.bufferSize=3,L.buffered=!0),h.panoramaCollection=f.create(L),h.$watch("panoramaCollection.updated",function(a){a&&w()});var O=!1;h.$watch(K,function(a){h.panoramaCollection.setItems(a,O),O=!0,0===G&&v(),w()}),angular.isDefined(j.ngPanoramaWatch)&&h.$watch(m,function(a){h.panoramaCollection.setItems(a,!1),O=!0,0===G&&v(),w()},!0);var P=["webkit","moz"];if(I[0].addEventListener("webkitTransitionEnd",l,!1),I[0].addEventListener("transitionend",l,!1),window.addEventListener("orientationchange",u),window.addEventListener("resize",u),angular.isDefined(j.ngPanoramaBackgroundImage)&&(J.css("background-image","url("+j.ngPanoramaBackgroundImage+")"),J.css("background-position","0% 50%")),j.$observe("ngPanoramaBackgroundImage",function(a,b){console.log(h),console.log(b),console.log(a),a&&(console.log("changing.."),J.css("background-image","url("+a+")"),J.css("background-position",h.panoramaCollection.position/h.panoramaCollection.lastIndex*100+"% 50%"))}),angular.isDefined(j.ngPanoramaIndicator)){var Q=a("<div id='"+A+"-indicator' index='panoramaCollection.index' items='panoramaCollection.items' data-ng-panorama-indicators class='ng-panorama-indicator'></div>")(h);J.append(Q)}var R=null,S=e.jasmine||"iPad"==e.navigator.platform?0:50;c.bind(I,{start:function(a){0===B&&(B=1,C=a.x),d.bind("mouseup",z)},move:function(a){if(!y(a))return x(a),void 0;if(0!==B){var b=a.x-C;if(1===B&&0!==b)B=2,D=E;else if(2===B){var c=(new Date).getTime();if(R&&S>c-R)return;R=c;var d=h.panoramaCollection.getLastIndex(),e=h.panoramaCollection.position,f=1;(0===e&&a.x>C||e===d&&a.x<C)&&(f=3),E=D+b/f,I.css(t(E,!0)).removeClass("ng-panorama-animate").addClass("ng-panorama-noanimate")}}},end:function(a){x(a)}})}}}}]),angular.module("angular-panorama").service("CollectionManager",[function(){function a(a){var b,c={bufferSize:0,bufferStart:0,buffered:!1,cycle:!1,cycleOffset:0,index:0,position:0,items:[],cards:[],updated:null,debug:!1};if(a)for(b in a)c[b]=a[b];for(b in c)this[b]=c[b];angular.extend(this,c,a),this.init()}return a.prototype.log=function(){this.debug&&console.log.apply(console,arguments)},a.prototype.getPositionFromIndex=function(a){return(a+this.cycleOffset)%this.length()},a.prototype.goToIndex=function(a,b){if(a=Math.max(0,Math.min(a,this.getLastIndex())),this.updated&&a===this.index)return this.log("skip position change(same)"),!1;var c=this.getPositionFromIndex(a);return this.goTo(c,b)},a.prototype.goTo=function(a,b){if(this.log("goto start",a,b),0===this.length())return this.log("empty, skip gotoIndex"),void 0;a=Math.max(0,Math.min(a,this.getLastIndex()));var c=!1;this.cycle&&(0===a?(this.log("cycleAtBeginning",a),this.cycleAtBeginning(),a=1,this.cycleOffset++,c=!0):a===this.getLastIndex()&&(this.log("cycleAtEnd",a),this.cycleAtEnd(),a--,this.cycleOffset--,c=!0),this.cycleOffset%=this.length()),this.position=Math.max(0,Math.min(a,this.getLastIndex()));var d=(this.position-this.cycleOffset+this.length())%this.length();this.index=Math.max(0,Math.min(d,this.getLastIndex())),b||this.adjustBuffer(),c||(this.updated=new Date)},a.prototype.next=function(){this.cycle?this.goTo((this.position+1)%this.length()):this.goTo(Math.min(this.position+1,this.getLastIndex()))},a.prototype.prev=function(){if(this.cycle)this.goTo((this.position-1+this.length())%this.length());else{var a=this.length()>0?Math.max(0,(this.position-1)%this.length()):0;this.goTo(a)}},a.prototype.setBufferSize=function(a){this.log("setBufferSize",a),this.bufferSize=a,this.adjustBuffer()},a.prototype.isBuffered=function(){return this.buffered},a.prototype.getRelativeIndex=function(){var a=Math.max(0,Math.min(this.getLastIndex(),this.position-this.bufferStart));return a},a.prototype.adjustBuffer=function(){var a=(this.getLastIndex()+1-this.bufferSize)%this.length();this.log("maxBufferStart",a),this.bufferStart=Math.max(0,Math.min(a,this.position-1)),this.cards=this.items.slice(this.bufferStart,this.bufferStart+this.bufferSize),this.log("adjustBuffer from",this.bufferStart,"to",this.bufferStart+this.bufferSize)},a.prototype.length=function(){return this.items.length},a.prototype.getLastIndex=function(){var a=Math.max(0,this.length()-1);return a},a.prototype.init=function(){this.setBufferSize(this.isBuffered()?this.bufferSize:this.length()),this.length()>0&&this.goToIndex(this.index)},a.prototype.setItems=function(a,b){this.log("setItems",a,b),b&&(this.index=0,this.position=0),this.items=a||[],this.init()},a.prototype.cycleAtEnd=function(){this.push(this.items.shift())},a.prototype.push=function(a,b){this.log("push item(s)",a,b),this.items.push(a),b&&(this.adjustBuffer(),this.updated=new Date),this.buffered||this.bufferSize++},a.prototype.unshift=function(a,b){this.log("unshift item(s)",a,b),this.items.unshift(a),this.buffered||this.bufferSize++,b&&(this.position++,this.adjustBuffer(),this.updated=new Date)},a.prototype.cycleAtBeginning=function(){this.unshift(this.items.pop())},a.prototype.getOffsetWithWidth=function(a){if(this.items[0].width){var b=0,c=this.index;if(0==c)return 0;for(var d in this.cards.slice(0,a))b+=this.cards[d].width;return b-=c<this.items.length-1?(100-this.cards[a].width)/2:100-this.cards[a].width,console.log(a),console.log(this.index),console.log(c),-b}return-a},{create:function(b){return new a(b)}}}]);
\ No newline at end of file
diff --git a/src/css/angular-panorama.css b/src/css/angular-panorama.css
index caf71bb..8c72a83 100644
--- a/src/css/angular-panorama.css
+++ b/src/css/angular-panorama.css
@@ -6,6 +6,7 @@ must be ul/li
     overflow: hidden;
     background: no-repeat fixed;
     transition: background-position 0.1s linear;
+    background-size: auto 100%;
 }
 
 ul.ng-panorama-slides {
diff --git a/src/directives/ng-panorama.js b/src/directives/ng-panorama.js
index ca0f886..69c28f0 100644
--- a/src/directives/ng-panorama.js
+++ b/src/directives/ng-panorama.js
@@ -266,10 +266,14 @@ angular.module('angular-panorama')
                         container.css('background-image', 'url('+iAttrs.ngPanoramaBackgroundImage+')');
                         container.css('background-position','0% 50%');
                     }
-                    scope.$watch('iAttrs.ngPanoramaBackgroundImage', function(newValue){
+                    iAttrs.$observe('ngPanoramaBackgroundImage', function(newValue, oldValue){
+                        console.log(scope);
+                        console.log(oldValue);
+                        console.log(newValue);
                         if(newValue) {
+                            console.log('changing..');
                             container.css('background-image', 'url('+newValue+')');
-                            container.css('background-position','0% 50%');
+                            container.css('background-position',scope.panoramaCollection.position/scope.panoramaCollection.lastIndex*100+'% 50%');
                         }
                     });