/area web-development
/kind feature

/area web-development

Something similar to https://medium-zoom.francoischalifour.com/ ?

/retitle Enable click-to-zoom for some diagrams and other images

/triage accepted
/priority backlog
/lifecycle frozen

Thanks @sftim ,
I investigated on hugo's documents regarding any shortcode or feature that provide this functionality. but till now haven't found any.

For now I'll investigate more and try to find out what can work so assigning it to myself
/assign

A couple of hints:

{{- if .HasShortcode "figure" -}}

<!-- Enable zoom-on-click for figures that opt in to this -->
<script defer src="{{ "/js/zoom.js" | relURL }}"></script>
{{- end -}}

{{<figure src="/images/blog/2019-03-21-a-guide-to-kubernetes-admission-controllers/admission-controller-phases.png" clicktozoom="true" >}}

There is one more way like the above reference link mentioned,
If we put full-resolution images in other paths and do this :
[![Alternative Text](/path/of/image.jpg)](/path/to/image.jpg)

It is in case we want minimal change in the code.
I'm going to add ways here as I find so the community can vote or suggest which will be better for a clean code

This
one is a good reference for same functionality with example.
I'll try both and raise a PR after that.

full-resolution images

We recommend using vector images.

This issue has not been updated in over 1 year, and should be re-triaged.

You can:

• Confirm that this issue is still relevant with /triage accepted (org members only)
• Close this issue with /close

For more details on the triage process, see https://www.kubernetes.dev/docs/guide/issue-triage/

/remove-triage accepted

My apologies,Due to bandwidth issue couldn't work on this, It's open for other people to self-assign.

This could be a positive and beneficial addition to the website.
Worth doing (re-triaging as accepted).

/triage accepted
/lifecycle frozen

Let me see if I can assist with this.

Edit: I request review and feedback on pull request #46260