2012-02-08 43 views
1

我们从学校得到了这个任务,将这个例子(在Flash中创建)转换为纯Javascript,HTML和CSS(jQuery/Mootools不是所有的)。现在我的网格是正确的,但我无法弄清楚用什么函数一次放大所有图像?什么是解决方案?一个超出我的想法的是onClick每个图像进入真正的大小,并使用JavaScript来禁用工具栏,然后使用keyarrows导航?还是有更简单的方法?Javascript的缩放效果?

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

回答

1

使用Javascript/jQuery的是做最好的方式,使

MojoZoom是免费的JavaScript图片放大脚本,通过移动鼠标在图片上即可看到它的一个放大版本的作品。

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

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

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

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

还提到5 Amazing JavaScript Image Zoom Scripts

+0

是啊,我想弄清楚那些插件,但还没有,我没有看到工作在我们想要重现的效果中。这就像整个浏览器侧重于一个特定的div ..这些插件只能“放大”/只放大特定区域,而不是整个页面。谢谢你的努力 – 2012-02-08 09:55:45

+0

@DelanodeRooij你想要的是放大整个网页?它的浏览器默认设施 – 2012-02-08 09:58:58

+0

@DelanodeRooij虽然如果你想通过你自己的参考http://stackoverflow.com/questions/5977498/javascript-page-zoom – 2012-02-08 10:08:54