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

Sacar botones a slider

Estas en el tema de Sacar botones a slider en el foro de Frameworks JS en Foros del Web. Hola a todos buscando por internet encontre un slider muy bueno y simple, queria saber como sacar los botones y que sea automatico e infinito... ...
  #1 (permalink)  
Antiguo 16/09/2017, 17:55
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 871
Antigüedad: 16 años, 8 meses
Puntos: 7
Sacar botones a slider

Hola a todos buscando por internet encontre un slider muy bueno y simple, queria saber como sacar los botones y que sea automatico e infinito... no entiendo casi nada de javascrip....
Si alguien me da un ayuda agradecido..!!!

codigo y link :


Código Javascript:
Ver original
  1. /* a Pen by DIACO : twitter.com/Diaco_ml || codepen.io/MAW
  2. powered by GSAP : https://www.greensock.com/
  3. */
  4.  
  5. TweenLite.set('body',{perspective:700});
  6. var slides=document.querySelectorAll('.slide'),tl=new TimelineLite({paused:true});
  7. for(var i=0;i<slides.length;i++){
  8.     var D=document.createElement('div'); D.className='Dot'; D.id='Dot'+i;
  9.     D.addEventListener('click',function(){ tl.seek(this.id).pause() });
  10.     document.getElementById('Dots').appendChild(D);
  11.     if(i!=0){tl.addPause('Dot'+i)};
  12.     if(i!=slides.length-1){
  13.       tl.to(slides[i],0.5,{scale:.8,ease:Back.easeOut})
  14.         .to(slides[i],0.7,{xPercent:-100,rotationY:80},'L'+i)
  15.         .from(slides[i+1],0.7,{xPercent:100,rotationY:-80},'L'+i)
  16.         .to('#Dot'+i,0.7,{backgroundColor:'rgba(255,255,255,0.2)'},'L'+i)
  17.         .from(slides[i+1],0.5,{scale:.8,ease:Back.easeIn})
  18.     };
  19. };
  20. function GO(e){
  21.   var SD=isNaN(e)?e.wheelDelta||-e.detail:e;
  22.   if(SD<0){tl.play()}else{tl.reverse()};
  23. };
  24.  
  25. document.addEventListener("mousewheel",GO);
  26. document.addEventListener("DOMMouseScroll",GO);
  27. document.getElementById('nextBtn').addEventListener("click",function(){GO(-1)});
  28. document.getElementById('prevtBtn').addEventListener("click",function(){GO(1)});
  29.  
  30. // a Pen by DIACO : twitter.com/Diaco_ml || codepen.io/MAW



https://codepen.io/MAW/pen/XmozON


Gracias a todos saludos
fede

Etiquetas: botones, javascript, slider
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 05:59.