Skip to main content
D
daveh13883153
Participant
February 13, 2017
Answered

Before and after image comparison slider with text and button to direct to diffrent images

  • February 13, 2017
  • 3 replies
  • 6580 views

Hello, I wanted to create image comparison slider I have no idea how to go about creating one. I want to include buttons which will navigate to next and back images. Appreciate guidance and help

.

This topic has been closed for replies.
Correct answer BenPleysier

The page where you copied that image from also shows you how to create the slider as per GitHub - kavyasukumar/imgSlider: A simple jquery plugin for creating image comparison sliders

If you have more specific questions, please come back here.

3 replies

ALsp
ALsp
Legend
February 13, 2017

There is also an automated tool, with substantially more flexibility and options, available as a Dreamweaver plugin:

Before and After Image Comparison Widget for Dreamweaver

O
osgood_
Legend
February 13, 2017

Here's another example with code:

https://codepen.io/ace/pen/BqEer/

    BenPleysier
    Community Expert
    BenPleysierCommunity ExpertCorrect answer
    Community Expert
    February 13, 2017

    The page where you copied that image from also shows you how to create the slider as per GitHub - kavyasukumar/imgSlider: A simple jquery plugin for creating image comparison sliders

    If you have more specific questions, please come back here.

    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
      D
      daveh13883153Author
      Participant
      February 13, 2017

      Thanks for swift response and your contribution!   

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices