¡Hola madman_18! ,
Verás, yo estoy diseñando una web, en crear un slider tengo poca experiencia con jquery, pero te puedo guiar por css a la hora de div y tal...
para emperzar vamos a crear la estructura en html que sería:
<div id="slider">
<div id="slide_1">
<img src="pixel_trans.png" style="background-image: url('imagen_de_este_slide.loquesea');" border="0">
</div>
</div>
Y te preguntarás... ¿Y porque hacemos la imagen así?, Muy sencillo, para que la imagen se ajuste mejor a las pantallas, y de hecho como habrás comprobado hemos añadido incluso una capa de protección, será una imagen de 1x1 que sea transparente, ahora vamos con el css
#slider {
height: 350px;
width: 100%;
}
#slider img {
background-color: #ccc;
bacground-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 350px;
width: 100%;
}
Prueba a ver el codigo, la verdad que lo estoy haciendo para ti, probaré yo también pero debe funcionar