先看效果: 联想一下:如果A面放一张照片,B面是一段介绍和链接,是不是很有意思?多张照片组成的照片墙,是不是很浪漫(ˉ▽ˉ ) 再上代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equi ...
分类:
其他好文 时间:
2021-06-07 21:07:10
阅读次数:
0
<el-upload action="#" ref="upload" list-type="picture-card" //照片墙的样式 :on-change="handleChange" :http-request="httpRequest" :before-upload="beforeAvata ...
分类:
Web程序 时间:
2020-05-22 17:30:39
阅读次数:
452
原创hangGe0111 最后发布于2019-03-28 16:10:35 阅读数 561 收藏展开1.tree.js 是一个用来 制作流畅效果,如果学习的比较深入的话,用来做 游戏 或者 动画片 都是可以的,是一个很不错的js插件; 2.使用教程参考 2.1 http://www.hewebgl. ...
分类:
Web程序 时间:
2020-03-27 17:17:24
阅读次数:
126
参考地址: element ui的照片墙 默认显示照片 照片显示的数据格式是:[{name: '', url: ''}],:file-list=""默认显示的图片 实际项目开发中需要处理两个问题:① 从后端返回的二进制数据处理为前端image可识别的base64格式; ② 如果从后端返回的数据不为空 ...
分类:
其他好文 时间:
2019-08-29 16:21:28
阅读次数:
1235
知识来源:https://zhuanlan.zhihu.com/p/73975013 1.环境 os:MAC tool:python 3.7 ,pip3.7 2.前提: 使用pip3.7 install pillow and wxpy 模块 3.开始: ...
分类:
微信 时间:
2019-08-19 23:07:48
阅读次数:
228
旋转照片墙 首先,来看下,是什么效果吧,上效果图 ↓ 其实这个东西,很容易制作,先说下思路, 把照片都给叠在一起,然后 rotateY 旋转,给每张图片 旋转不一样的角度能构成一圈, 然后translateZ 出去就好了,最后一步,父级转起来。 搭建好基本的 html 和 css ↓ 已经写好注释啦 ...
分类:
其他好文 时间:
2019-08-03 01:04:53
阅读次数:
98
jquery照片墙 由15张图片构成,大致思路:随机生成所有图片 点击其中一张变为一张大图 点击大图又变回多张 主要用到jquery实现 先来看看效果 html: css: js: 参考自:腾讯课堂渡一教育 ...
分类:
Web程序 时间:
2019-04-26 18:09:46
阅读次数:
732
多日未更新博客,近日研究了一个3D效果的js照片墙效果 修改了源码中关于无限setTimeout的问题 html页面 1 <!DOCTYPE html> 2 <html lang="zh-CH"> 3 4 <head> 5 <meta charset="utf-8"> 6 <title>漂亮的3D相 ...
分类:
其他好文 时间:
2019-01-28 17:38:37
阅读次数:
114
HTML部分: CSS部分: 效果如下(倒影的实现方法已在CSS部分用蓝色标记出来): ...
分类:
Web程序 时间:
2018-11-26 23:15:42
阅读次数:
264
这篇专题主要解决的问题有: 一、照片墙中图像数据未下载时,使用默认的占位图片 二、滑动时不加载图片,保持滑动的流畅性 合理高效的使用占位图片,是在用户和图像之前建立一层代理,用户不直接操作图片,而将所有与图片有关的操作放在代理对象当中。 贴一下ImageProxy的关键代码 if (!hasLoad ...
分类:
其他好文 时间:
2018-11-13 22:42:29
阅读次数:
273