Participant

Answered

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

4 replies
6699 views
Translate

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 is closed to new replies. Start a new post to keep the conversation going.

BenPleysierCorrect answer

Community Expert

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!

ALsp

Legend

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

Translate

O

osgood_

Legend

Here's another example with code:

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

Translate

BenPleysier

Correct answer

Community Expert

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.

Translate

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

D

daveh13883153Author

Participant

Thanks for swift response and your contribution!

Translate

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.