【JavaScript】JS+DOM实现图片库

【前言】

        前面写过的JS博客有提过DOM，理论的知识有了一些了解还远远不不够，动手实践一个小例子会让你印象更加深刻。本篇博客借鉴《JavaScript DOM 编程艺术》中的小例子，希望可以给读者带来收获！

       

【有关图片库的思考】

        把图片放到网页上显示不是什么难事，方法有很多种。简单放入一个网页中未尝不可，但是当图片数量越来越多的时候，网页标记代码没多少，但加上很多图片后，用户要下载的数据量就相当可观了。我们必须要面对的现实就是——没有人愿意等很长的时间下载一个网页。

        那么为每张图片分别创建一个网页的解决方案感觉还不错，这样减少了图片库的体积，改变了难以下载的大网页。取而代之的是很多尺寸合理，便于下载浏览的页面。但是，这个方案也不太方便，给每张图片分别制作一个网页需要花费很多时间，其次每个网页上也应该提供某种导航链接来给出当前图片在整个图片库里的位置，方便人们从当前图片转到其他图片。

        想两全其美，JS再好不过了，把整个图片库的链接放在图片库的主页上，用户只需点击某个图片链接再把相应照片传递过去。