[Résolu] Display repeating images on a slider

[Auteur]

Publications

[thisaraN]

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: lien caché

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

[thisaraN]

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

Showcase website: lien caché
Fotorama: lien caché

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

Your support is much appreciated!

[Nigel]

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.

[thisaraN]

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!

[thisaraN]

Hello again Nigel,

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

Cheers