Slider

<div class="slider" >
	<ul class="slides">
		<li>
			<div class="fondoElementosSlider derecha">
				<h2>Titulo 1</h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
				<button type="button" class="boton boton-primario">Botón</button>
			</div>
			<img src="/img/1.jpg">
		</li>
		<li>
			<div class="fondoElementosSlider izquierda">
				<h2>Titulo 2</h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
			</div>
			<img src="/img/2.jpg">
		</li>
		<li>
			<div class="fondoElementosSlider derecha">
				<h2>Titulo 3</h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
			</div>
			<img src="/img/3.jpg">
		</li>
	</ul> 
</div>

Iniciar control

Para iniciar el slider debes hacer una llamada a la funcion con Jquerry slider() por ejemplo:

<script type="text/javascript">
	$(document).ready(function(){
    slider();
  });
</script>