"Book" in a post - turning a page [RESOLVED]

[₪» ⅀ ƪ Ƒ «₪]

I'm wanting to make a Potion Book on my site that goes into a post rather than a header/footer. I figure the best way to simulate a book with pages you can turn with different content on each page is something akin to a carousel plugin. I'd make each "page" have a background of parchment, then when you click something on the right/left, it "turns the page" by showing the next slide, if that makes sense. Any way to make this possible? I know I could put it in the header with a generic carousel code but it's definitely far from preferred to have it outside of a post for this situation.

Thank you to anyone who considers! :)


EDIT: After using the "HTML in posts" plugin, this is my new code request update:

Apr 9, 2018 8:20:17 GMT -8 ₪» ⅀ ƪ Ƒ «₪ said:

It's above my paygrade to code something like this book, I tried to make a carousel code in the header of one of my boards and it turned out pretty hideous in its bare bones form, let alone the ability to customize it to the level of a book-looking thingy x.x

To anyone who is willing to help an ol' confused dude out:

I figure I can make an image for the "book cover," i.e. the first slide, then the rest of the slides can have a BG of a parchment with text I type into it normally and I'll throw in a max-height overflow and min-height combo so it is all the same height, then the last page can be a image of the "end" of the book, too. Ideally, could flip to previous and next pages but won't cycle through them all, as in if you get to the end you have to go backward to get back to the beginning so it's more book-like. It'd be sweet if there was any book-page-turning-like animations when flipping pages, but it's also totally fine to have it simply switch slides without any transition. If possible, the prev/next buttons would be below the book, there would be an arrow pointing to the left for previous, then a static text "turn page" in between, then an arrow pointing to the right for next. If that makes sense. The carousel code I very poorly tried making before had arrows covering the image so.. that didn't work out well lol.
Obviously, I'd supply the cover images, BG images, text, all that jazz. :)

[₪» ⅀ ƪ Ƒ «₪]

bump

[Scott]

₪» ⅀ ƪ Ƒ «₪, have you checked this out: interoceandesigns.proboards.com/thread/3174/html-posts

[₪» ⅀ ƪ Ƒ «₪]

Apr 7, 2018 4:58:34 GMT -8 Scott said:

₪» ⅀ ƪ Ƒ «₪, have you checked this out: interoceandesigns.proboards.com/thread/3174/html-posts

Oh very awesome, thank you! It seems like it should be sufficient. Could you move this thread to one of the coding boards, probably Coding Help, so I can see if someone will help me code this? It's above my paygrade to code something like this book, I tried to make a carousel code in the header of one of my boards and it turned out pretty hideous in its bare bones form, let alone the ability to customize it to the level of a book-looking thingy x.x

To anyone who is willing to help an ol' confused dude out:

I figure I can make an image for the "book cover," i.e. the first slide, then the rest of the slides can have a BG of a parchment with text I type into it normally and I'll throw in a max-height overflow and min-height combo so it is all the same height, then the last page can be a image of the "end" of the book, too. Ideally, could flip to previous and next pages but won't cycle through them all, as in if you get to the end you have to go backward to get back to the beginning so it's more book-like. It'd be sweet if there was any book-page-turning-like animations when flipping pages, but it's also totally fine to have it simply switch slides without any transition. If possible, the prev/next buttons would be below the book, there would be an arrow pointing to the left for previous, then a static text "turn page" in between, then an arrow pointing to the right for next. If that makes sense. The carousel code I very poorly tried making before had arrows covering the image so.. that didn't work out well lol.
Obviously, I'd supply the cover images, BG images, text, all that jazz. :)

[₪» ⅀ ƪ Ƒ «₪]

bump :)

[aRMY83]

Hello ₪» ⅀ ƪ Ƒ «₪

You may want to take a look at this link:

codepen.io/saquiboye/pen/RGzrpv

Edit: my mistake as I should have read your entire OP and saw that you need someone to possibly come up with some code to accomplish what you need. I'm sure someone will pop in here to assist you.

[₪» ⅀ ƪ Ƒ «₪]

Thank you for the link, I do appreciate you trying to help =3 Hopefully someone has some time and interest at some point, but I can be patient and know it may not happen. What will happen will happen. ^^

[₪» ⅀ ƪ Ƒ «₪]

bump

EDIT: Okay so I tried using the code given to me by aRMY83 just because I figured you should always try yourself before asking for someone else to try.. I'd just like to say I did my best but holy crap I don't understand anything it said and it definitely didn't work for me lol. For one thing, it was completely cut off by the post and I couldn't get that fixed though I tried fiddling, and I couldn't get more slides besides the default 2 to be added, or... pretty much figure any of it out. I tried. x.x
(and the fact that turning the page doesn't stay turned if you move your cursor off also doesn't work well, it would need to be a different method of turning or people wouldn't be able to flip through several pages, turn the page with less glitches, or copy text, etc.)

[Scott]

₪» ⅀ ƪ Ƒ «₪, does it have to be in a post, or are you open to having it reside on a custom page?

[₪» ⅀ ƪ Ƒ «₪]

Apr 13, 2018 8:43:59 GMT -8 Scott said:

₪» ⅀ ƪ Ƒ «₪, does it have to be in a post, or are you open to having it reside on a custom page?

Mmmm I didn't really think of that- a custom page could work if there is a way to have a thread redirect to the custom page, so it feels more integrated, if you know of a way to have a thread (rather than a board) redirect?

[Scott]

₪» ⅀ ƪ Ƒ «₪, actually I did just find a way to have a thread redirect to a custom page. Also I found some book code that I believe meets your criteria.

[₪» ⅀ ƪ Ƒ «₪]

Apr 13, 2018 13:37:31 GMT -8 Scott said:

₪» ⅀ ƪ Ƒ «₪, actually I did just find a way to have a thread redirect to a custom page. Also I found some book code that I believe meets your criteria.

Oh wow, that's really awesome! Does it help if you have access to my forum? I can put in a forums.net ticket if need be. Otherwise, just let me know your thoughts at your convenience. I really appreciate you posting :)

[₪» ⅀ ƪ Ƒ «₪]

I'm unsure if I should continue bumping or if this is officially being handled by Scott so this is my uncertain lil "bump" lol

[Scott]

Apr 15, 2018 8:11:36 GMT -8 ₪» ⅀ ƪ Ƒ «₪ said:

I'm unsure if I should continue bumping or if this is officially being handled by Scott so this is my uncertain lil "bump" lol

Sorry, my weekend took an unexpected turn and haven’t had a chance to be at a computer long enough to reply with the code. I'll post tomorrow when I’m back at work.

[₪» ⅀ ƪ Ƒ «₪]

Apr 15, 2018 13:05:48 GMT -8 Scott said:

Apr 15, 2018 8:11:36 GMT -8 ₪» ⅀ ƪ Ƒ «₪ said:

I'm unsure if I should continue bumping or if this is officially being handled by Scott so this is my uncertain lil "bump" lol

Sorry, my weekend took an unexpected turn and haven’t had a chance to be at a computer long enough to reply with the code. I'll post tomorrow when I’m back at work.

Oh absolutely no problem, thank you so much for taking this on! I really appreciate it! I hope you enjoyed your weekend, too!