Como acelerar o slider do meu site

Adrian Cavero · 02/02/2019

Hola amigos, tengo una web para un cliente y quisiera que mi slider pase más rápido, son 6 imagenes y entre ellas demoran mucho en pasar.

Inserir CODE, HTML ou PHP:

	<div class="container-fluid wow fadeIn">		<section class="banner-section hidden-xs">
			<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">


				<!-- Indicators -->
				<!-- Wrapper for slides -->
							  	<div class="carousel-inner" role="listbox">
								    <div class="item active">
								      	<img src="img/slide1.jpg" alt="slide1">
										<div class="carousel-caption wow pulse">
											<h1>Servicio rápido, trabajo de calidad &amp; Garantizado ...
											</h1>
										</div>
								    </div>
								    <div class="item">
								      	<img src="img/slide2.jpg" alt="slide2">
								      	<div class="carousel-caption">
											<h1>Servicio rápido, trabajo de calidad &amp; Garantizado ...
											</h1>
										</div>
								    </div>
								    <div class="item">
								      	<img src="img/slide3.jpg" alt="slide3">
								      	<div class="carousel-caption">
											<h1>Servicio rápido, trabajo de calidad &amp; Garantizado ...
											</h1>
										</div>
								    </div>
								    <div class="item">
								      	<img src="img/slide4.jpg" alt="slide4">
								      	<div class="carousel-caption">
											<h1>Servicio rápido, trabajo de calidad &amp; Garantizado ...
											</h1>
										</div>
								    </div>
								    <div class="item">
								      	<img src="img/slide5.jpg" alt="slide5">
								      	<div class="carousel-caption">
											<h1>Servicio rápido, trabajo de calidad &amp; Garantizado ...
											</h1>
										</div>
								    </div>
								    <div class="item">
								      	<img src="img/slide6.jpg" alt="slide6">
								      	<div class="carousel-caption">
											<h1>Servicio rápido, trabajo de calidad &amp; Garantizado ...
											</h1>
										</div>
								    </div>
							  	</div>
							</div>
						</section>
<!-- .banner-section-->
<div class="container">
	<div class="row">
		<div class="servicios-section">
			<div class="col-md-12 wow slideInDown">

Gracias

Stron · 02/02/2019

Pero eso lo debes manipular desde el javascript...

HTML · 05/02/2019

Tiene razón el compañero de arriba, tu slider debe tener algún código para indicarle valores de uso, si puedes lo publicas para revisarlo. Saludos.

Por ejemplo código de NivoSlider:

Llamada al archivo:
...
<script type="text/javascript" src="jquery.nivo.slider.js"></script>

Dentro del archivo:
...
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
effect: 'random',
slices: 15,
boxCols: 8,
boxRows: 4,
animSpeed: 500,
pauseTime: 3000,
startSlide: 0,
directionNav: true,
controlNav: true,
controlNavThumbs: false,
pauseOnHover: true,
manualAdvance: false,
prevText: 'Prev',
nextText: 'Next',
randomStart: false,
beforeChange: function(){},
afterChange: function(){},
slideshowEnd: function(){},
lastSlide: function(){},
afterLoad: function(){}
});
});
</script>

Torrecilla · 18/03/2019

Así es, cada deslizador se modifica desde JavaScript, me refiero a aspectos como la velocidad, efectos, etc.

Dave12 · 18/03/2019

¿Que velocidad le colocaste en el archivo javascript?

Como acelerar o slider do meu site

Adrian Cavero

Stron

HTML

Torrecilla

Dave12

Tópicos similares