I'm trying to make a website that displays content in the form of a book, with page-turning animations. There are different svg images to animate for the content of each "page"; I'm not sure how to do this.
Basically, is there a way to show and hide content the way I want without having to create an html file for each "page"? The order is a bit important, I don't want Google to link my site to some random location. Thanks!
I'm thinking of a carousel, but the slideshow is the entire page, supports animated content, animated transitions, and has text in it. I'm relatively new to front-end development and wouldn't know the answer if I saw it. Sorry if this is the wrong forum.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Yes, it is entirely possible to show and hide content as you wish without creating an html file for each "page".
There are many events in web pages, such as click, hover, mouse leave, scroll, etc. If you wish, you can use these events and add event listeners using JavaScript to hide or show content within the same html page. I'm pretty sure this applies to animated content as well.