diff --git a/app/scripts/controllers/restaurant.js b/app/scripts/controllers/restaurant.js
index b1afce9..24b48b2 100644
--- a/app/scripts/controllers/restaurant.js
+++ b/app/scripts/controllers/restaurant.js
@@ -9,6 +9,13 @@ angular.module('restaurantsApp')
       $scope.restaurant = data;
     });
 
+    $scope.slickOnInit = function() {
+      $scope.refreshing = true;
+      $scope.$apply();
+      $scope.refreshing = false;
+      $scope.$apply();
+    };
+
     $scope.breakpoints = [{
       breakpoint: 1024,
       settings: {
diff --git a/app/views/restaurant.html b/app/views/restaurant.html
index eca1943..f544a21 100644
--- a/app/views/restaurant.html
+++ b/app/views/restaurant.html
@@ -46,9 +46,9 @@ <h4 class="media-heading">{{ restaurant.url | urlText }}</h4>
         </div>
     </div>
 </div>
-<slick on-init="slickOnInit()" init-onload="false" data="restaurant.images" slides-to-show="4" slides-to-scroll="1" class="slider filtering" responsive="breakpoints">
+<slick on-set-position="slickOnInit()" init-onload="false" data="restaurant.images" slides-to-show="4" slides-to-scroll="1" class="slider filtering" responsive="breakpoints">
     <div ng-repeat="image in restaurant.images" modal>
-        <a ng-click="modal.show($index)">
+        <a ng-if="!refreshing" ng-click="modal.show($index)">
             <img ng-src="{{ image | thumbnail:200 }}" class="img-responsive" alt="{{ restaurant.name }}">
         </a>
     </div>