$scope.$watch("showFon", function(newValue, oldValue){
if(newValue == true){
angular.element($window).bind("keydown", function(e){
console.log(e.keyCode);
if(e.keyCode == 27){
$scope.showFon = false;
$scope.$digest();
}
});
}else{
angular.element($window).unbind("keydown");
}
});.sprite{ /* Картинки должны быть одинаковой размерности */
background: url(/img/spritesheet.png) no-repeat; /* ваш спрайт */
width: 278px; /* ширина одной картинка */
height: 189px; /* высота одной картинки */
}
.sprite.pig{
background-position: 0px 0px; /* допустим это первая картинка и у вас нет отступов слева ( т.е картинка начинается сразу) */
}
.sprite.fish{
background-position: -278px 0px; /* Следующая картинка справа на той же полосе (если я не ошибаюсь, но принцип такой) */
}<div class="sprite pig"><div>
<div class="sprite fish"><div>function myCount ($i, $l = 5){
if($i>=$l){
echo $i.' <br>';
$i++;
myCount($i, $l);
}else{
echo 'Посчитал от '. $i . ' до '. '$l';
}
}
myCount (1, 5);