jQuery Slot machine effect for images
Hi All,
I am trying to create a button that would randomise Pictures with a "slot machine effect". Ideally I would need a clever random so that you would have to see all the pictures at least once before seeing an image twice.
the code would be something like this (I am using bootstrap):
- <div class="container">
- <div class="row">
- <div class="wrap" style="width: 400px; height: 600px; margin: 0 auto;">
- <div class="image1" style="width: 200px; height: 200px; overflow: hidden;"> <!-- I need this to do a css transition scale effect -->
- <img src="image1" alt=""/>
- </div>
- <div class="image2" style="width: 200px; height: 200px; overflow: hidden;"> <!-- I need this to do a css transition scale effect -->
- <img src="image3" alt=""/>
- </div>
-
- <!-- and so on (imagine I have 20 pictures here) -->
- </div>
- </div>
- </div>
Thanks in advance