教你一招 给博客图片加上放大镜的效果

来源:百度文库 编辑:神马文学网 时间:2024/05/04 02:38:36

教你一招 给博客图片加上放大镜的效果

 

  我们在逛淘宝时会发现,有些宝贝图片点击后立即放大,以跳出的方式来展示,甚至可滑动鼠标像放大镜一样检视图片,这就是所谓的光箱效果(Lightbox)。你也想在自己的博客/网站中使用这种不一样的图片展示效果?借助Zoom.it这项微软实验室的新功能,即可在任意网页中如此展示图片,而且操控自由度更高。

  网站地址:http://zoom.it/

  Step 01添加图片

  进入Zoom.it网站后,在首页中即可看到若干高清图片的光箱效果预览。我们若想使用该项微软提供的免费服务,无须注册,在页面下端的“Create your own”栏中输入打算生成这种效果的图片地址。


▲添加图片

  Step 02转换图片

  在点击“Create”后稍等一会儿进行图片处理,之后在Zoom.it预览框中即可看到转换完成为光箱效果的图片。查看页面下端,“URL”栏中显示的是该图片的分享网址,“Embed”栏中显示的是嵌到网页中代码。


▲转换图片

  Step 03展示不一样的图片效果

  之后,即可将生成的光箱效果图片在博客、论坛等处进行展示,在适当位置插入适才的那段分享代码即可,效果绝对够酷、够前卫。在图片展示框中,通过鼠标上下滚动可自如地缩放,也可以随意查看照片细节,或是全屏浏览……


▲展示图片