feat: use Viewer.js instead of built-in image viewer

[razonyang]

No description provided.

[netlify]

✔️ Deploy Preview for hugo-theme-bootstrap ready!

🔨 Explore the source changes: 9f907da

🔍 Inspect the deploy log: https://app.netlify.com/sites/hugo-theme-bootstrap/deploys/61753ea81d64220007d698da

😎 Browse the preview: https://deploy-preview-240--hugo-theme-bootstrap.netlify.app

[simgunz]

I've just tried the deploy preview. The plugin seems nice and the fact that it is possible to configure it is great.

Some personal opinions:

• The bottom toolbar is overwhelming, I would keep a simple toolbar by default and leave the developers the option to add functionalities as needed
  • rotable: false
  • movable: false
  • scalable: false
  • toolbar: "zoomIn", "zoomOut", "prev", "play", "next"
• The backdrop color is too light for me, I would change the opacity to >=0.85

One note, google page speed seems to be impacted a lot by this plugin, especially on mobile (not sure if it is just the netlify deploy preview that alters the results).

[razonyang]

• The bottom toolbar is overwhelming, I would keep a simple toolbar by default and leave the developers the option to add functionalities as needed

  • rotable: false
  • movable: false
  • scalable: false
  • toolbar: "zoomIn", "zoomOut", "prev", "play", "next"

I prefer keeping the default options of the plugin provided, in order to show all abilities it has.

• The backdrop color is too light for me, I would change the opacity to >=0.85

I agree with you.

One note, google page speed seems to be impacted a lot by this plugin, especially on mobile (not sure if it is just the netlify deploy preview that alters the results).

Don't be worry, it is because a lot of Netlify' assets slow down the page load.