Make a Simple slider

add jqueryvliberies and bellow code

function carousel(){

    var a=$('#full_bg_slider .active'),n=(a.next().length>0)?a.next():$('#full_bg_slider img:first');

    n.css({'z-index':2,'display':'block'});

    a.fadeOut(1000,function(){

        a.removeClass('active');

        n.css({'z-index':3,'display':'block'}).addClass('active');

    });

}

  

$(document).ready(function(){

    $('#full_bg_slider img').first().addClass('active');

    setInterval('carousel()',3000);

})







Add CSS code bellow




#full_bg_slider{height:500px;box-shadow:0 2px 5px #282828;margin:0 0 20px 0;overflow:hidden;position:relative}







Add HTMl code




<div id='full_bg_slider'>

    <img src='img/bg.png' alt='' />

    <img src='img/bg_1.png' alt='' />

    <img src='img/bg_2.png' alt='' />

    <img src='img/bg_3.png' alt='' />

</div>