Skip to main content

Image Preview

Less than 1 minuteFeatureFeatureImage Preview

By including vuepress-plugin-photo-swipe, vuepress-theme-hope will make the pictures in the body of the page enter the preview mode when clicked.

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

Info

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

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

You can check the plugin documentation for advanced configuration.

Demo