I’m writing to see if anyone has ever looked into adding an element like this on their discourse platform.
My boss is interested in exploring if we could present the user with an image with different hotspots on the discourse platform itself. It would act as a sort of map, with information contained in each ‘spot’. I’d love to know if something like this is even possible before exploring how or who could help with this.
You can create an image map with html using map and area tags. It would be easy to add one to a custom header. To add the tags to a topic or banner would require some javascript.
Here’s an example of something similar. We have someone doing a drawing of a collection of buildings, and we want people to be able to click on each building and read some textual descriptions.
This example is for a plug-in for other platforms, but I’m looking for a way to accomplish this on our site, as you said a custom header might be best. Is it really as easy as using html? I’m not sure how elegant we can make it - or if it needs to be barebones using html.
@schungx Yes, an option to hide it would also be good - I think people would navigate around easier using the category view
Yes, that’s a little more complex. It would require some javascript, but it’s still doable. You could also create the map on another site and embed it as an iframe.
Edit: If all you need is to display and hide information panels when a button is clicked, you could get quite far with a customization using html and css. The example you gave is using buttons positioned over an image. The tricky part would be positioning the buttons.
Je cherchais justement quelque chose de ce genre aujourd’hui, en utilisant Markdown et intégré à Discourse. Je travaille avec ma famille à l’identification de personnes sur des photos, et j’aimerais pouvoir créer un sujet avec un JPG dans le premier message, et permettre aux utilisateurs de répondre pour discuter de la photo et décrire tout ce qu’ils savent à son sujet et sur les personnes qui y figurent. Le premier message pourrait être un wiki modifiable pour ajouter des annotations attribuées à des emplacements spécifiques sur la photo. Ces annotations apparaîtraient sous forme de points d’intérêt lors du survol de la photo, et cliquables pour lire l’annotation relative à cet endroit.
Je suis presque certain que cela n’existe pas et je ne fais que proposer des idées. Peut-être pourrait-ce être un nouveau plugin inspiré de Discourse Footnote, qui offre également une expansion en ligne.