Slider with “Random” button

1

I wanna Create sth like this, but im relativly new to javascript

the main features shout be:

  1. the Slider should start at a random position (image)
    2 when you “click” the “Random” button, the slider moves x(maybe 20images)
    there not be everytime “20images”, so it need to be a infinte slide.
    3 images shown, and the image that was picked by the “randombutton” must be in the middle

i hope you understand, what i mean :slight_smile:, if there are any questions, dont wait and ask

if anyone could help me, that helped me so much!! <3

2

Do you have any code yet that we can see?

3

from .js nothing :slight_smile:
only the html and css code :slight_smile:
i saw some sliders “tutorials” that i recreated,


but the “random” part, is for me impossible :wink:
because im mainly a designer

4

We are not here to write your code for you.

But, if you want to learn how to do it yourself, you have found the right place!

5

im only here to learn how to, because today or later, i need to know how this works, so i can do it at another project

6
  1. Create a click event using JS or jquery

2 Use. Math.random to pick random slide…

Not sure what your knowledge base is to be able to guide you… Where are you in the FCC curriculum…?

1 Like
7

https://gist.github.com/DesignsCross/8b9256af55ff6228addcf5d456bd0b44 -

8

someone know, how i start randomly, and when i press “next” it goes ,maybe 50images away ? :slight_smile: