Skip Navigation

[Resolved] Display repeating images on a slider

This support ticket is created 6 years ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 -
- 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 -

Supporter timezone: Europe/London (GMT+00:00)

This topic contains 4 replies, has 2 voices.

Last updated by thisaraN 6 years ago.

Assisted by: Nigel.

Author
Posts
#1153316
cssjsslider.jpg

Hi There,

I'm trying to create a section on my website to show a listing of vehicles.

The only thing I'm missing is a slider with images of the vehicles when looking into one. I need to know how I can use the image upload repeat field to populate images on a simple responsive slider.

I'm using the first slider you see on this website: hidden link

You can download it if you want.

I need to know how I can repeat a div with the image src to add to the existing slider when images are uploaded

<!-- slide one -->
<div class="slide">
<img data-u="image" src="[image-source]" />
<div data-u="thumb">
<img data-u="thumb" class="obj-fit" src="[image-source]" />
<div class="ti">[post-title]</div>
</div>
</div>
<!-- slide one end-->

Cheers

#1153324

I saw a website on your showcase that the site is using Fotorama as the slider just the way I want.

Showcase website: hidden link
Fotorama: hidden link

I need the exact same solution they have used to achieve a slider with "repeating image uploads".

Your support is much appreciated!

#1153615

Nigel
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

Hi there

Views ha a built-in slider option for transitioning between posts, but not for transitioning between image fields of the same post. For that you need to roll-your-own solution.

The principles are the same whichever slider you use.

You'll need to

- enqueue the JS and CSS assets required by the slider
- output the markup in the required format
- initialise the slider with JS

I outlined in detail the steps for this with flexslider from WooThemes here: https://toolset.com/forums/topic/how-to-display-the-pics-i-uploaded-as-a-slider/#post-518295

You'll need to adapt it for an alternative slider, but the steps should be the same.

#1154047

Thanks Nigel! I followed your instructions & got Fotorama working. I'll post it here so that others can use that as well

Wish I knew this before. Thanks heaps!

#1157515

Hello again Nigel,

Is there any way I can bulk upload slider images? What are your suggestions?

Cheers