Add Slider into web page

[ammejohn10]

Let me know, how to add a slider in webpage using HTML and JS and that moves images one by one?

[cretaceous]

You'd be better off doing a web serch using the terms 'javascript' or 'jquery' - nothing to do with PHP

[Bonesnap]

<input type="range" min="0" max="100" step="1" value="50" id="your-slider-id" name="your-slider-name" />

No JavaScript required.

[cretaceous]

That's not going to move images!

[Bonesnap]

Missed the images part, but... now I don't understand the question. 😕

[cluelessPHP]

JS

 'use strict';

$(function () {


    var width = 720;
    var animationSpeed = 1400;
    var pause = 4000;
    var currentSlide = 1;


    var $slider = $('.slider');
    var $slideContainer = $('.slides', $slider);
    var $slides = $('.slide', $slider);

    var interval;

    function startSlider() {
        interval = setInterval(function () {
            $slideContainer.animate({
                'margin-left': '-=' + width
            }, animationSpeed, function () {
                if (++currentSlide === $slides.length) {
                    currentSlide = 1;
                    $slideContainer.css('margin-left', 0);
                }
            });
        }, pause);
    }

    function pauseSlider() {
        clearInterval(interval);
    }

    $slideContainer.on('mouseenter', pauseSlider)
        .on('mouseleave', startSlider);

    startSlider();
});

HTML

                <ul class="slides">
                  <li class="slide slide1"><p>slide one</p></li>
                  <li class="slide slide1"><p>slide two</p></li>
                   <li class="slide slide1"><p>slide three</p></li>
                </ul>
            

CSS

.slides {
    display: block;
    width: 6000px;
    height: 400px;
    margin: 0;
    padding: 0;
	color:white;
}

.slide1 {background-image: url(../images/file here);}
.slide2 {background:  url(../images/file here);}
.slide3 {background: url(../images/file here);}

Don't forget to add jQuery, this should work, it's 06:32 here just finished nightshift leave a note if you get stuck