7.2  应用程序的界面外观

在此你将看到这个图库应用程序在Web浏览器中的实际运行效果。图7-1是上传了一些图像之后的效果（这是一个关于可爱小猫的图库）。

图7-1  一种更可视化的图片集合浏览方式

在图7-2中可以看到一些简单的CSS为这个图库提供了多少美妙的用户体验。在本例中，当用户把鼠标移到某张图上时，就会为该图像添加一个边框。

图7-2  CSS动画为图库的导航添加了活力

图7-3展示了往图库上传图像是很容易的，只要从本地硬盘选择一张图片，然后单击提交按钮！

图7-3  上传只需简单地选择一个图像然后等待系统进行处理

在图7-4中，刚删除了一张图像，显示的信息就会马上更新，为用户提供实时的提示。

图7-4  删除一幅图像