(shouting)

QUESTION: How do interactive image on these forums?

so this is where you can post any art related type things! i bet you couldn't have figured that out for yourself, huh! "I" still needs uppercase you dummy - oh yeah!? fight me!
Post Reply
User avatar
Sebby19
Posts: 2544
Joined: 14 years ago
Location: Winnipeg, Manitoba

QUESTION: How do interactive image on these forums?

Post by Sebby19 »

Once raocow starts playing Wario Land 3, I plan to do a spreadsheet that tracks what treasures he's getting, and which ones lead to what. Something like this (bigger, ofcourse):
Image

This is inspired by what Ometeotl did in the Kirby's Adventure topic. Over there, each 'section' of the image (really just separate banners) links to a different episode of the LP.

I want to do is something similar: have each treasure be clickable, and that leads to the episode they were gotten in.
However, what I want is a bit more complicated, where only the box is clickable.

Is what I want even possible on this forum? If I had Adobe Flash, I think I could do what I want through that, but I don't have it. I don't think having banner images like Ometeotl did would even work on a flow chart. And you can't put images on top of images...

Any ideas guys?
ImageImage
-Banned in Antarctica
Sebby19 wrote:If your life depends on throwing up, switch to the keyboard
Official raocow subscriber # 30,000
User avatar
Emral
Posts: 940
Joined: 10 years ago
https://enjl.talkhaus.com/

Re: QUESTION: How do interactive image on these forums?

Post by Emral »

If you wanna put a lot of work into making images and stitching them together... here's an example of what you COULD do:
You can take a sheet like this, you can split it so that every box is its own image and has a buffer of equal height on either side, allowing you to easily stack them like so:

Image
ImageImageImage
Image
ImageImageImageImageImage
Image
ImageImageImage
Image
ImageImageImageImageImage
Image

This only mildly brute forces it... It works, but it falls apart as soon as your boxes are only halfway in the same y-region, and it has those divider bars through the forum underlining urls which I don't think you can get rid of. Here's the bbcode for my constellation:

Code: Select all

[img]https://i.imgur.com/ICyBBKb.png[/img]
[img]https://i.imgur.com/e7eAXoX.png[/img][url=https://i.imgur.com/RbF0CsQ.png][img]https://i.imgur.com/RbF0CsQ.png[/img][/url][img]https://i.imgur.com/0Bb8Da9.png[/img]
[img]https://i.imgur.com/j5cZJ2b.png[/img]
[img]https://i.imgur.com/i1hUVyD.png[/img][url=https://i.imgur.com/ZWpPGJp.png][img]https://i.imgur.com/ZWpPGJp.png[/img][/url][img]https://i.imgur.com/q8xeJrr.png[/img][url=https://i.imgur.com/yr9h63o.png][img]https://i.imgur.com/yr9h63o.png[/img][/url][img]https://i.imgur.com/u2EK3Du.png[/img]
[img]https://i.imgur.com/RAYRsQs.png[/img]
[img]https://i.imgur.com/YelTXZg.png[/img][url=https://i.imgur.com/JVfC8b5.png][img]https://i.imgur.com/JVfC8b5.png[/img][/url][img]https://i.imgur.com/9bsaAbO.png[/img]
[img]https://i.imgur.com/l1WgYLJ.png[/img]
[img]https://i.imgur.com/WYsl21E.png[/img][url=https://i.imgur.com/eqwy4IB.png][img]https://i.imgur.com/eqwy4IB.png[/img][/url][img]https://i.imgur.com/JGFyoEX.png[/img][url=https://i.imgur.com/XXwmBDk.png][img]https://i.imgur.com/XXwmBDk.png[/img][/url][img]https://i.imgur.com/kp5Zv1y.png[/img]
[img]https://i.imgur.com/JXVKry3.png[/img]
and the album
I do things. You can find them on my talkhaus site. https://enjl.talkhaus.com/
Here is another link. This one lets you draw.
https://enjl.talkhaus.com/draw.html
User avatar
Sebby19
Posts: 2544
Joined: 14 years ago
Location: Winnipeg, Manitoba

Re: QUESTION: How do interactive image on these forums?

Post by Sebby19 »

Thankyou very much! I didn't realize on my own I could put images side-by-side like that (some places are funny like that).

I'm having a little difficulty understanding your sentence here:
Enjl wrote:It works, but it falls apart as soon as your boxes are only halfway in the same y-region, and it has those divider bars through the forum underlining urls which I don't think you can get rid of.
This is going to take a bit more pre-planning than I was hoping for, so I know how wide the spreadsheet needs to be (and I don't have to fix it later. Thankfully, I have time, and the game on 3DS!
ImageImage
-Banned in Antarctica
Sebby19 wrote:If your life depends on throwing up, switch to the keyboard
Official raocow subscriber # 30,000
User avatar
Emral
Posts: 940
Joined: 10 years ago
https://enjl.talkhaus.com/

Re: QUESTION: How do interactive image on these forums?

Post by Emral »

Mm I thought that sentence might be a bit convoluted, sorry! Imagine a scenario where your links overlap like this:
Image
Since this grid has to have a constant height per row (given that "return" to start a new row isn't very flexible), you can't make every link as big as a box. You would have to increase the link height like this:
Image
which could be a bit silly in cases of large offsets, so it's best to avoid offsets on the y-axis.
I do things. You can find them on my talkhaus site. https://enjl.talkhaus.com/
Here is another link. This one lets you draw.
https://enjl.talkhaus.com/draw.html
User avatar
Sebby19
Posts: 2544
Joined: 14 years ago
Location: Winnipeg, Manitoba

Re: QUESTION: How do interactive image on these forums?

Post by Sebby19 »

Oh, of course. I was never planning the treasures to look like that, anyway. Looks too messy when offset, I'd prefer the flowchart to be neat and tidy. Not designed by an elementary student.

Thanks Enjl, I'll remember this!
ImageImage
-Banned in Antarctica
Sebby19 wrote:If your life depends on throwing up, switch to the keyboard
Official raocow subscriber # 30,000
Post Reply