Based on the effect of the slide gallery created by Jquery, the article finally provides a package. You can test it if you like it. To be improved
1. The large image can be scaled automatically based on the browser resolution. Currently, it is displayed in a fixed width and height, and the excess part is hidden.
2. The large image is loaded directly into all images. If there are many images, the experience is poor. It can be changed to asynchronous loading or delayed loading. This can be implemented using the jquery control lazyload.
3. thumbnails are directly generated based on the parameters set during the upload. If they are vertical images, they will be compressed. You can change it to show only the local area, and hide the excess part.
4. the slide of the thumbnail list uses the jcarousellite plug-in. If you extract a slide as a plug-in, you need to integrate it into one.
5. currently, the large image area and the thumbnail area are relatively independent. The advantage is that they are relatively intuitive and you can change the display position on your own. The disadvantage is that there is a large amount of HTML code, unlike some plug-ins, you only need $ ("# ID.
JS Code
The Code is as follows: