这是一种网格布局的图片库效果,页面被分隔为两部分,左边部分为预览区,右半部分为图库区(图片以缩略图形式展示),当点击右侧图库图片时,图片与预览区原有图片交换位置,实现点击后放大预览的效果。其中网格状的布局是通过 CSS 实现的,点击的效果主要是 JS 控制的,此外,这种图库效果还支持响应式,不仅能在电脑上正常运行,同时也可以在移动、平板等中小型设备中完美运行,
模板目录结构如下:
上一个
CSS 黏糊文字横向滚动效果