标在外围的图片上移动的时候，会在中间显示这个图片的大图，这样的相册很难制作吗？其实不难，下面小编跟大家讲解一下这个是怎么制作的：

效果图：

效果图

分享之前我还是要推荐下我自己的前端学习群：661473108，不管你是小白还是大牛，小编都欢迎，不管前端有什么不懂的，或者不知道怎么学习的都可以来，欢迎初学和进阶中的小伙伴！

制作步骤：

1、首先图片先是放在一个大容器里面的，而且是无缝排列在一起的，这个可以使用float来实现，外面可以加一个div之类的套住。

2、下一步不同于第一种，第二种中间是空的，图片不能放在中间，这个似乎有点难实现，后面再说。

3、当鼠标hover的时候，它不仅得显示在中间，还得在原来的地方也显示，这就告诉着我们需要两份图片，其中一份hover的时候显示在中间。

4、所有的图片都是显示在中间，因此用绝对定位就可以了。

注意要点：clear还有两个属性，right和left

代码展示：

代码

代码

上图代码不全，完整代码到群里下载，前端学习群：661473108，不管你是小白还是大牛，小编都欢迎，不管前端有什么不懂的，或者不知道怎么学习的都可以来，欢迎初学和进阶中的小伙伴！

总结：

位置问题解决后，鼠标移动到图片的时候，怎么保证一张图片变大，另一张不变呢？这个其实很简单，给把另一个img放在span里面，hover的时候，只改变span里面的图片就好了。

、前言：神技加持 不用墨的荣耀MINI照片打印机！

近日，继12月26日发布年度旗舰荣耀V20之后，在27日荣耀也正式发布了其第一款随身打印机产品——荣耀MINI照片打印机。与市面上许多其他随身打印机不同的是，荣耀MINI照片打印机体积相当小巧，便携无压力；零门槛打印操作，只需要三个步骤，就能完成操作打出彩色照片，内置多种打印模板，支持名片/证件照打印，还拥有独家的AR打印功能，让消费者十分惊喜。

值得一提的是，荣耀MINI照片打印机采用了无墨打印技术，该技术前身由照相机巨头宝丽来研发，就国内市场而言，荣耀是第一家推出无墨打印的国产手机品牌。至于无墨打印的技术原理，类似于打印超市小票/福利彩票的“热敏纸打印机”，打印纸由多层构成，在高温下，打印纸出现变色，从而实现打印效果。不过荣耀MINI照片打印机的技术原理无疑要先进许多，其打印纸图像层由无定型晶体构成，在打印时需要精确控制每颗像素加热温度，使晶体形成稳定结构并显示特定颜色，从而实现无墨打印。

那么说了这么多，荣耀MINI照片打印机真的能满足消费者日常打印照片的选取么？就让我们一起来看看吧。

二、迷你身材：巴掌大的彩色打印机 出门轻松放口袋

不得不说，荣耀MINI照片打印机带给笔者的第一感觉，就是小，大小与普通的充电宝相仿，一只手轻松纂住，这样的体积别说衣服口袋，就算是屁股口袋，也能轻松放下，出行携带毫无压力。

荣耀MINI照片打印机表面采用了磨砂材质，好处是不易沾染油污，手感细腻，通体极简纯白设计，打印口一条青色点缀其上，带来了澎湃的活力与设计感。而打印机四边R角弧度也非常大，握持感非常不错。

荣耀MINI照片打印机的顶部，分列着电源开关（兼电源指示灯）、状态指示灯与Micro-USB数据线接口。电源指示灯与状态指示灯都有非常多的用途，可以显示包括电量剩余、升级提示、配对、待机、打印、异常等多种状态，用户使用时观察起来非常便利。

荣耀MINI照片打印机的底部，只有一条打印口，打印好的照片也会从这里出来。

白色主色调非常适合小姐姐的高雅气质，放在包内随身携带也是一件相当契合女性特质的尤物。

即便是商务人士，荣耀MINI照片打印机也毫不怯场，清爽干练的设计可以帮助用户在职场游刃有余。

三、三步快印：上街/聚会/出差随拍随取 极速出片

自相机诞生起，照片就是人们记录生活分享情感的重要媒介，父辈因此也留下了一本本充满回忆的相册，虽然现在人们用手机拍照相当方便，但也消磨了人们留存于实体照片中的羁绊与仪式感，这也让许多年轻人不由得怀念起照片的触感。

虽然有许多消费者与年轻人也希望在生活中留下实体照片作为纪念，但照片打印机往往售价不菲，跑到照相馆也过于繁琐，也无法及时与朋友分享照片。

但荣耀MINI照片打印机改变了这一切，巴掌大的体积，让携带成为了一件随意的事情，上街出门遛狗狗，碰到狗狗萌萌的样子，随手来一张萌宠照用荣耀MINI照片打印机打印出来，将它带给自己的快乐留存在照片与相簿中。

久未会面的朋友聚会，回顾过往畅谈近况之余，也伤感于聚少离多，这时众人聚在一起来张合影，用荣耀MINI照片打印机现场打印出来，让大家知道即便分别也无法阻止思念之情，为大家留下最美好的回忆。

而情侣之间也正需要这种“恋爱证明”，两人约会时，无论是快乐时刻、俏皮时刻、惊险时刻、生气时刻还是心动时刻，一刻一刻组成了两个人之间最珍贵的回忆，这时用手机记录下ta最美好的笑容，用荣耀MINI照片打印机打印出来，贴在相框中，也就贴在了对方的最柔软的心里。

更难得的是，使用荣耀MINI照片打印机只需要三步操作，连接蓝牙、选择照片、打印，即可现场打印出一张彩色照片，操作起来非常简便。

1、连接蓝牙

荣耀MINI照片打印机使用蓝牙与手机连接进行打印，它也只支持手机操作。

使用荣耀MINI照片打印机需要下载荣耀打印机这款APP，下载后使用使用蓝牙即可通过APP操作打印机。

2、选择照片

这是打开荣耀打印机这款APP就可以选择照片进行打印了，不过在看到荣耀MINI照片打印机的选择照片界面之后，其功能之丰富还是让笔者小吃一惊。

具体来说，在打印机APP内，用户可以为需要打印的图片设置相框、添加贴纸，甚至套用滤镜，APP自带数十个模板供用户选择，足以替代一般的修图软件。

如果只打一张照片不过瘾，那么荣耀MINI照片打印机还提供了拼图打印模式。

用户最多可以同时选择6张照片打印到一张相纸上，APP内还预置了许多种拼图模板，可以将多张照片打在同一张相纸上，非常方便。

3、开始打印

选择完照片后，只要点击开始打印，荣耀MINI照片打印机就可以自动出片了。

这里笔者着重测试了一下荣耀MINI照片打印机的打印耗时，计时从手机上点击打印开始，至打印完成后结束，经过掐表测试，荣耀MINI照片打印机打印第一张照片的耗时为1分钟41秒90毫秒。

需要注意的是，这个时间带上了打印第一张蓝色卡的时间，如果是打印第二、第三张照片的话，打印一张照片的时间仅有第一张的一半，约45秒左右。

打印实际效果如图，相纸大小为2英寸x3英寸，换算厘米大约是5.8厘米x7.62厘米，对角线约9.5厘米，尺寸不大。而打印机分辨率为313*490dpi，这个精度已经足以比肩普通的打印机精度了，画面表现非常细腻。

另外值得一提的是，荣耀MINI照片打印机相纸是一张贴纸，撕开相纸背后的保护层，即可将照片贴在任何地方，旅途随笔，信友聚会，随拍随取，随取随贴，一气呵成简直是出游小神器。粘性也相当牢靠，无论是皮肤、衣服、箱包还是纸张都不在话下，相纸几乎可以黏在任何表面。

四、AR打印：在照片上看视频 酷炫十足的AR效果

荣耀MINI照片打印机还支持一个特殊的照片打印模式——打印AR照片。AR照片需要在一段视频中截取一张来打印，在使用APP扫描AR照片时，用户就可以从手机上看到原视频画面，可以欣赏这张照片前后发生的精彩一刻，让照片动起来，效果酷炫十足也能让记忆鲜活起来。

打印AR照片需要提前拍摄一段视频，然后从APP中选择视频的一帧来当做照片画面，打印完成后，便可从APP内预览这张AR照片的效果。

当APP识别到这张AR照片后，照片就会变成视频画面进行播放，效果类似于《哈利波特》中的预言家日报，非常酷炫。

同时荣耀MINI照片打印机，还支持HUAWEI Share 3.0，Huawei Share 3.0除了能在不同设备上传输资料，还支持用手机连接到打印机直接打印图片或资料，更加轻松。

五、其他功能：1-2寸证件照1次打2张 名片忘带也不愁

除了打印图片外，荣耀MINI照片打印机还支持打印证件照与名片，这也是笔者在体验时最喜欢的两个功能。

1、打印证件照

荣耀MINI照片打印机支持打印证件照，并且提供了多种证件照尺寸共用户选择。除了常用的1寸照与2寸照片，荣耀MINI照片打印机还支持小一寸、小二寸等多个常用证件照尺寸。

受限于相纸大小，一张相纸可以容纳2张1寸或2张2寸大的证件照。

值得一提的是，在打印证件照时，荣耀MINI照片打印机会将裁剪用虚线打印到照片上，方便用户裁剪，设计相当贴心。

2、打印名片

打印名片这个功能最出乎笔者意料，打印机APP直接将一个名片设计软件搬了进去。

用户可以选择预置的10种名片模板，并填入自己的联系信息，即可即时生成一张现成的名片。

打印名片实际效果，一张相纸正好是一张名片大小，无需裁剪，非常适合商务人士出差时应急使用。

六、总结：这才是真正的随身打印机

在使用荣耀MINI照片打印机时，笔者总会不自觉地忽略它的打印机身份，将它当做一台拍立得来用。这也难怪，毕竟手掌大小的体积、无墨设计、不用插电、1分钟出片这些让人舒爽的体验，让人无法把它和一台打印机联系起来。

MINI这一个特点在荣耀MINI照片打印机上体现的淋漓尽致，它不仅将体积做到看手掌大小，内部还空出了相纸放置区与500毫安时的电池空间，便携性毋庸置疑。而且更方便的是用户只需要购买特定相纸，即可补充耗材，极大地降低了打印机维护时间与难度，这一点对于普通消费者而言难能可贵。

而更令人惊喜的是荣耀MINI照片打印机的出片时间可以做到1分钟内，相较之下传统喷墨式打印机打印一张彩色照片要数分钟时间左右，随拍随取的体验让人欲罢不能。

更难得的是荣耀几乎考虑到了用户在小尺寸下的所有打印需求，图片与拼图打印保证了荣耀MINI照片打印机的可玩性，内置的丰富模板也让它比一个拍立得更加实用；而打印证件照的功能则让它兼具极强的实用性，毕竟许多人就是因为一张小小的证件照被卡在办事大厅/火车站/飞机场；至于名片打印功能，则满足了商务人士出差的应急需求，这一点相信经常出差的同学感同身受。

总的来说，荣耀MINI照片打印机的小体积不负MINI打印机之名；丰富的模板也让人乐的与朋友分享它；而证件照与名片打印功能则让它成为了一个必需品，避免了用户新鲜劲过了之后吃灰的窘境；如果你需求一台随身打印机，荣耀MINI照片打印机确实是一台无法绕过的优质之选。

荣耀MINI照片打印机已于12月27日20:00开售，12月27日-1月1日下单立减50元，荣耀亲选，华为商城、天猫荣耀官方旗舰店、京东天猫旗舰店现已上架，喜欢的同学猛戳链接下手吧~

https://m.vmall.com/product/10086504520076.html#10086476641219