Streaming live at 10am (PST)

Building a custom image slider

Hi there!

My client wants this kind of slider:

I don’t know if this topic could be the answer. As you can see, we have 3 thumbnails once the user select it one of them the background change.

Here you go my project

Thank you in advance!

You could use the tabs widget. You would not have any additional options for type of transitions other than the default fade out / fade in, but tabs would by far be the easiest method to replicate your layout.

1 Like

Hi @jselva, I would agree with @vlogic, using tabs is a simple and effective approach. We do not yet have tab control navigation to individual slides built in to the Slider widget yet.

Cheers, Dave

You want something like this: Let me know, if that is what you want and I would share Bartosz ninja jquery trickery with you.


Hi! Thank you for your replies, I’ll try to implement the tabs widget :slight_smile:

1 Like

@jselva, Good choice. If you get stuck or have questions, feel free to ask and myself and others here on the forum can help out :smile:

Cheers, Dave


I’ve implemented the tabs widget and works very well. Now I’m going to put images in each thumbnail, any suggestion? :wink:

make a div 100% width and height. drop it in the tab. Set the image as background cover.

1 Like

Done! Good remark, now works as I wanted.


1 Like