Wanting to have a page with randomized image on reload

I want a user to click a button that takes them to a page that has a randomized image either as a background or in a single image gallery. It is used to simulate a tarot card reading. When you click the button you get a new card that tells your fortune. There are 36 possible cards.

9 hours ago, badidea said:

I want a user to click a button that takes them to a page that has a randomized image either as a background or in a single image gallery. It is used to simulate a tarot card reading. When you click the button you get a new card that tells your fortune. There are 36 possible cards.

It means that every time when user access this special page, it will show only one random image (in total 36 cards, right? Have you consider the solution when user click on this button, it will render directly on the current page the random image?

This requirement needs javascript to randomize your images. Therefore, you need at least the business plan. What is your current one?

11 hours ago, bangank36 said:

It means that every time when user access this special page, it will show only one random image (in total 36 cards, right? Have you consider the solution when user click on this button, it will render directly on the current page the random image?

 

This requirement needs javascript to randomize your images. Therefore, you need at least the business plan. What is your current one?

Hi, yes I have the business plan on this site. And yes, displaying the card on the same page as the button would work great! I'm attaching a rough mockup. Thank you!!

Hi. I wrote recently a blog article about implementing a tarot card random show when clicking on a button. Maybe it helps.

https://www.ui-workarounds.com/random-tarot-cards-on-a-click-of-a-button-using-svg-sprites/

On 10/31/2022 at 8:46 AM, joseph81 said:

Hi. I wrote recently a blog article about implementing a tarot card random show when clicking on a button. Maybe it helps.

https://www.ui-workarounds.com/random-tarot-cards-on-a-click-of-a-button-using-svg-sprites/

Thanks for this! I think I got it worked out but this article is amazing!

On 11/11/2022 at 10:12 PM, badidea said:

Thanks for this! I think I got it worked out but this article is amazing!

Hi! How did you end up doing it? The link doesn't work anymore and I would love to add this to my website as well! I'd really appreciate any help. 

On 10/31/2022 at 1:46 PM, joseph81 said:

Hi. I wrote recently a blog article about implementing a tarot card random show when clicking on a button. Maybe it helps.

https://www.ui-workarounds.com/random-tarot-cards-on-a-click-of-a-button-using-svg-sprites/

Hi! The link doesn't work! Is there any other way I can see how it is possible to do this? 

On 4/28/2024 at 12:20 AM, Amelieee said:

Hi! The link doesn't work! Is there any other way I can see how it is possible to do this? 

Can you describe what you want? + Link to your site, We can check problem easier