Hola, estoy armando un slide y actualmente funciona perfecto, lo unico que me falta es que sea automatico, que las imagenes pasen solas cada X tiempo...pero no logro hacerlo...
Tengo el siguiente controller.js
Código Javascript
:
Ver originalvar cacheDestacados;
SiteControllers.controller('DestacadosCtrl', ['$scope','$timeout','Destacado',
function($scope, $timeout, Destacado) {
$scope.$parent.procesarRuta();
if (cacheDestacados == undefined){
$scope.destacados = Destacado.query(function(destacados){
cacheDestacados = destacados;
$scope.actual = destacados.destacados[0].Destacado.id;
});
} else {
$scope.destacados = cacheDestacados
$scope.actual = $scope.destacados.destacados[0].Destacado.id;
}
$scope.setSlide = function(id){
$scope.actual = id;
}
$scope.next = function() {
$scope.actual = id;
}
$timeout(function () {
$scope.actual = $scope.next;
}, 2000);
}
]);
y en el HTML lo siguiente...
Código HTML:
<div class="home-slider-container">
<a href="#" class="hs-link-popup visible-lg visible-md"></a>
<div class="hs-image-contaniner">
<div class="hs-image animate" ng-repeat="destacado in destacados.destacados" actvive="destacado.active" ng-class="{active: actual == destacado.Destacado.id}" ng-animate=" 'animate' ">
<a href="{{destacado.Destacado.link}}"><img ng-src="{{destacado.ImageDestacado}}" alt="Slider Alt" class="hs-image-img animate"></a>
</div>
</div>
<ul class="hs-thumb-container">
<li class="hs-thumb animate-3" ng-repeat="destacado in destacados.destacados" ng-class="{'hs-thumb-selected': actual == destacado.Destacado.id}">
<a href="javascript:void(0);" ng-click="setSlide(destacado.Destacado.id)" class="hs-thumb-link animate-3">
<div class="photo-veil hs-thumb-veil hidden-xs"></div>
</a>
</li>
</ul>
</div>
Muchas gracias!