I am using the Cycle2 JQuery slider to create a dynamic slider. I have narrowed down my issue to an end DIV and start DIV tag between each of the images in my collection list. If I take the source code output of my page, removed that start and end div tags everything works great. How do I remove those in Webflow so that it goes like this
Open DIV
Image 1
Image 2
etc.
Close DIV
Here is the source code showing the HTML I want removed
Blockquote
I am using the Cycle2 JQuery slider to create a dynamic slider. I have narrowed down my issue to an end DIV and start DIV tag between each of the images in my collection list. If I take the source code output of my page, removed that start and end div tags everything works great. How do I remove those in Webflow so that it goes like this
I am not using the Webflow slider, just a collection list that I thought would output a div and then the images inside that div. it is instead wrapping each image ina div.
I figured it out with the help of @Mikeyjay11 from a different post on this subject. All you have to do is add the below custom attribute to the Collection List Div (the one above the item Div, which is above the image) to tell cycle2 to select the DIV tag instead of what it selects by default, the IMG tag.
Add this to the custom attributes
data-cycle-slides=“<div”
Now it works. A dynamic CMS slider that displays all images in a collection and doesn’t require you to bind each slide manually to a collection.