Cómo acelerar el slider de mi sitio web

Adrian Cavero · 2 Feb 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.

Insertar CODE, HTML o 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 · 2 Feb 2019

Pero eso lo debes manipular desde el javascript...

HTML · 5 Feb 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 Mar 2019

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

Dave12 · 18 Mar 2019

¿Que velocidad le colocaste en el archivo javascript?

Cómo acelerar el slider de mi sitio web

Adrian Cavero

Stron

HTML

Torrecilla

Dave12

Temas similares