[Résolu] Carousel Image

[Auteur]

Publications

[Jaime]

Tell us what you are trying to do?
I'm trying to make a carousel with images from a repeatable field.

Is there a similar example that we can see?
Yes, actually I think I have this same problem.
https://toolset.com/forums/topic/we-need-to-create-a-carousel-slider-with-images-inserted-in-a-repeated-field/

-> I just need to have access to the css/js files Noman gave to Franco, but I cannot access to them

What is the link to your site?
hidden link

[Christian Cox]

Hi, I updated the ticket to make those links public. You should be able to access those links now.

[Jaime]

Hi again Christian.
Unfortunately, i can't reach to make the carousel show.

I have been following these awesome instructions from Nigel also,
https://toolset.com/forums/topic/how-to-display-the-pics-i-uploaded-as-a-slider/#post-518295

and despite I have done all what he does, step by step, my Carousel doesn't appear.
🙁

Could you help me please?
What I'm trying to have is something similar than this carousel you can see at the top of this page

hidden link

Thanks Christian!

[Christian Cox]

I don't see this JavaScript anywhere on your page:

( function( $ ) {
    $( document ).ready( function(){
 
      $('.flexslider').flexslider({
        animation: "slide"
      });
 
    });
})( jQuery );

Can you tell me exactly where you added this JavaScript?

[Jaime]

You're right Christian.
I'm sorry. I was trying other ways to solve the problem after a I wrote to you, and I forgot to upload the code again.
I inserted it in the JS Editor Layout.

Now I think we have something!
I can see the slider, but with full width images.

How can I show thumbnails?

Just like this carousel.
hidden link

Thanks a lot for your help Christian.
🙂

[Christian Cox]

You can modify the options for the slider in the JavaScript code. For example, this code loads images at 200px width:

$('.flexslider').flexslider({
    animation: "slide",
    itemWidth: 200
  });

Other options are controllable as well. Here is a link to the Flexslider documentation:
http://flexslider.woothemes.com/

[Jaime]

I think I can manage with the documentation.
Thanks for your help Christian.

🙂