Skip to main content
Participant
December 13, 2022
Question

How to create slider

  • December 13, 2022
  • 3 replies
  • 323 views

I am new to Dreamweaver, still learning and practicing to develop a professional-looking website using Dreamweaver. Today I was trying to make a website like this" tattoosight". But I'm a little bit confused about how to create a slider similar to that site's homepage, which is showing in the aftercare section.  can anybody help me how to create slider like that in Dreamweaver?

    This topic has been closed for replies.

    3 replies

    Community Expert
    December 16, 2022

    Everything will depend on your goals ...

     

    If you want to develop to learn the code, learn to manage the responsive aspect of sliders, learn and understand the heart of the mechanism (s) ... feel free to open the hood and follow tutorials, google is full of them ...
    You can also rely on ready to use libraries and read and learn the present code... but few of those librairies will be able to compete with what we are use to see on the web... which juggle with text layers, 3D effects, etc... etc...


    Now, if your goal is just to use a slider for your site... you can then turn to ready-to-use sliders found on https://codecanyon.net/search/slider for a small fee...
    Revolution being for my point of view one of the most remarkable, and noticed, https://www.sliderrevolution.com/ ... there are of course versions outside WP.


    It is then rather easy to integrate this type of slider within DW.

    If these tracks interest you, and you need help, do not hesitate to return on this forum.


    Important note : I don't gain anything by directing you to code canyon, or revolution... ;)... In fact, here at the studio, that is the way we go on a daily basis... we often use this type of tool for sliders, WP or handy coding.

    Nancy OShea
    Community Expert
    Community Expert
    December 15, 2022

    If you don't use Bootstrap, look at LightSlider.js

    http://sachinchoolur.github.io/lightslider/

     

    Nancy O'Shea— Product User & Community Expert
    Participant
    December 15, 2022

    ok, I will try it. Thanks for your help. 

    Nancy OShea
    Community Expert
    Community Expert
    December 15, 2022

    That site is built with WordPress.  The slider is baked into the WP theme.

     

    If you use Bootstrap for your responsive site, go to Dreamweaver Insert menu > Bootstrap Components > Carousel.  See below for more details on using Bootstrap's Carousel component.

    https://getbootstrap.com/docs/4.0/components/carousel/

     

    Nancy O'Shea— Product User & Community Expert
    Participant
    December 15, 2022

    I'm not using bootstrap.