From the course: Dreamweaver CC: Responsive Design with Bootstrap 4

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Edit a carousel

Edit a carousel - Dreamweaver Tutorial

From the course: Dreamweaver CC: Responsive Design with Bootstrap 4

Start my 1-month free trial

Edit a carousel

“

- [Instructor] In the previous video, we edited the carousel to display four images instead of the default three. Now, it's time to add the images and captions, but at times this can feel like a game of whack-a-mole because by default carousels begin animating as soon as the page loads, but there is a simple trick to preserve your sanity. In the DOM panel, make sure that you've got the Carousel selected and then go into Code view. Let's just scroll down to find that carousel. There it is and in the opening div tag insert your cursor anywhere and type data-interval equals and then in quotes false. Then save that. Close the page and reload it and then we go back into Live view and scroll down and find our carousel. It's no longer animating. That data interval equals false turns off the automatic cycling so you can now edit it in peace. So, to edit the images select the first placeholder image, then use the element display to access the Quick Property Editor. Change the source of the…

Contents