Skip to main content

Image Preview

Less than 1 minuteFeatureFeatureImage Preview

By using @vuepress/plugin-photo-swipeopen in new window, clicking images in pages will enter preview mode.

If you don't need this feature, you can set plugins.photoSwipe: false in theme options to disable it.

Browse Mode

In preview mode, you can:

  • Swipe left and right to preview other pictures on the page in order
  • View the description of the picture
  • Zoom in and zoom out the picture
  • View pictures in full screen
  • Download pictures
  • Share pictures

Tips

  • Besides clicking "×" in the upper right corner to exit the preview mode, scrolling up and down more than a certain distance will also exit preview mode
  • On mobile devices, or using the PC trackpad, you can use pan and zoom gestures to pan and zoom in the preview mode

Customize Config

vuepress-theme-hope passes plugins.photoSwipe in theme options as plugin options to @vuepress/plugin-photo-swipe.

You can check the photo-swipe plugin documentationopen in new window for advanced configuration.

Demo