2012-02-08 49 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