Sometimes we need to display a series of picture thumbnails on the website. Users can click on the thumbnails to view the larger picture, but the new page pops up to display the larger picture, which is too low. Looking at QQ and WeChat, it is possible to click the picture pop-up layer to display the larger picture. Features, and even free scaling, how can customers not like such a feature?
A year ago, I made a demo of "click the picture to pop up the layer", using fsgallery.js, this js is good to use, and there is no fancy function, click the picture to enlarge, the operation is very simple, but There is no free zoom function.
Recently, I saw that the function of clicking on the image to enlarge on the discuz forum has improved, so I searched Baidu again and found viewer.js. This is a project hosted on github. It is newer and more powerful than the previous one, but due to the complex functions, it is easy to operate. There are many things, and these two methods have their own merits. You can choose one according to your needs. Download the attached 2 zip packages to the local, unzip and open index.html to see the effect. You can see how to use it at a glance.