Javascript缩放效果?

时间:2012-02-08 09:39:25

标签: javascript zoom

我们从学校获得了这个任务,将这个例子(在Flash中创建)重现为普通的Javascript,HTML和CSS(jquery / Mootools并不是全部)。现在我的网格正确,但我无法弄清楚用什么功能一次放大所有图像?什么是解决方案?我想到的是onClick每个图像都进入实际大小,并使用Javascript禁用工具栏,然后使用键盘进行导航?或者有更简单的方法吗?

http://www.simpleviewer.net/postcardviewer/app/

1 个答案:

答案 0 :(得分:0)

Javascript / jquery是最好的方法

MojoZoom是一个免费的JavaScript图像缩放脚本,可以通过将鼠标移到图像上来查看它的缩放版本。

使用图像的放大部分在图像的右侧放置一个正方形。

除了为图像添加缩放效果外,它还会自动将其链接到高分辨率版本。

开发人员还发布了一个名为MojoMagnified的略微修改的脚本版本。这两个都是独立的脚本,不需要外部JS库来工作

参考http://www.nihilogic.dk/labs/mojozoom/

也请参考5 Amazing JavaScript Image Zoom Scripts