Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Angular js slide imagenes autoplay

Estas en el tema de Angular js slide imagenes autoplay en el foro de Frameworks JS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 22/04/2016, 14:19
 
Fecha de Ingreso: abril-2003
Mensajes: 260
Antigüedad: 16 años, 9 meses
Puntos: 1
Angular js slide imagenes autoplay

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 original
  1. var cacheDestacados;
  2. SiteControllers.controller('DestacadosCtrl', ['$scope','$timeout','Destacado',
  3.   function($scope, $timeout, Destacado) {
  4.     $scope.$parent.procesarRuta();
  5.        
  6.     if (cacheDestacados == undefined){
  7.       $scope.destacados = Destacado.query(function(destacados){
  8.         cacheDestacados = destacados;
  9.         $scope.actual = destacados.destacados[0].Destacado.id;
  10.       });
  11.     } else {
  12.       $scope.destacados = cacheDestacados
  13.       $scope.actual = $scope.destacados.destacados[0].Destacado.id;
  14.     }
  15.  
  16.     $scope.setSlide = function(id){
  17.       $scope.actual = id;
  18. }
  19.    
  20.     $scope.next = function() {
  21. $scope.actual = id;
  22. }
  23.    
  24.     $timeout(function () {
  25.       $scope.actual = $scope.next;
  26.   }, 2000);
  27.   }
  28.   ]);

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!
__________________
Bye!

Última edición por Pelao; 22/04/2016 a las 15:47

Etiquetas: angular, autoplay, ext, funcion, gracias, imagenes, js, select, slide
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:52.