Hello,
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.
Are there any examples online that are similar to what you are trying to achieve? Where do you want the image, or images, to appear on your forum?
Like a map and click on a region to jump to that category. Or a products map.
Very useful for newcomers. Probably need a feature to hide afterward.
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.
Hi Simon,
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.
오늘 이런 기능을 찾고 있었는데, 마크다운을 사용하고 디스커스 내부에서 동작하는 것이었으면 좋겠습니다. 가족과 함께 사진 속 인물들을 식별하는 작업을 하고 있으며, 첫 게시글(OP)에 jpg 파일을 올리고 사람들이 댓글을 달아 사진을 논의하고, 사진과 그 안에 있는 사람들에 대해 아는 모든 내용을 설명할 수 있으면 좋겠습니다. 첫 게시글은 위키처럼 편집할 수 있고, 사진의 특정 위치에 주석을 추가할 수 있으면 좋겠습니다. 이렇게 추가된 주석은 마우스를 사진 위에 올리면 핫스팟으로 나타나고, 클릭하면 해당 위치에 대한 주석을 읽을 수 있도록 하면 됩니다.
이런 기능이 이미 존재하지는 않을 것 같아서, 그냥 아이디어를 던져 보는 것입니다. Discourse Footnote 에서 영감을 받아 인라인 확장도 제공하는 새로운 플러그인으로 개발될 수 있을지 모르겠습니다.