Streaming live at 10am (PST)

Almost created a dynamic slider buuuuuuuuut


#1

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

Here is the live test page - http://plusen-designs-2017.webflow.io/test-page

Here is my preview URL: https://preview.webflow.com/preview/plusen-designs-2017?preview=a086e2c967432d352b0aad2b515ae234


#2

@SidneyOttelohe, based on some of your previous posts on this topic I thought you might be able to help here. I would greatly appreciate it if so!


#3

If you remove the code you highlighted, won’t you get only one slide?


#4

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

Blockquote
Here is my Secockpit preview URL: http://www.myversaroadtrip.com/secockpit-review/

If you want to use the Cycle2 JQuery slider, there are lots of place must be changed. I suggest you find a developer in the Freelance category.


#5

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.


#6

That’s how collection lists work. So you could make each div a slide.


#7

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.

http://plusen-designs-2017.webflow.io/test-page


#8

very cool - thanks a lot for that hint