2012-02-08 15 views
1

この例題を(Flashで作成した)この例をプレーンなJavascript、HTML、およびCSS(jquery/Mootools alllowed)に再現するために学校から割り当てました。今、私はグリッドの権利を持っていますが、私は一度にすべての画像を拡大するためにどのような機能を使用するのか把握できません。解決策は何でしょうか?私の心を横切ったのは、すべての画像が実際のサイズになり、Javascriptを使ってツールバーを無効にし、キーローを使ってナビゲートするということです。それとも簡単な方法がありますか?Javascriptズーム効果?

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

答えて

1

Javascriptを/ jQueryが行うための最善の方法だろうそう

MojoZoomはそれのズームバージョンを見るには画像の上にマウスを動かすことによって動作自由JavaScriptの画像拡大スクリプトです。

画像の拡大部分で画像の右側に四角形を置きます。

画像にズームエフェクトを追加するだけでなく、自動的に高解像度バージョンにもリンクします。

開発者は、MojoMagnifiedというスクリプトのわずかに修正されたバージョンもリリースしました。これらの両方は、独立したスクリプトであり、

もええ、私はこれらのプラグインを把握したいが、まだ、私はその作業を見ていない5 Amazing JavaScript Image Zoom Scripts

+0

を参照してくださいhttp://www.nihilogic.dk/labs/mojozoom/

を参照してください動作するように外部のJSライブラリを必要としません私たちが再現すると思われる効果で。 1つの特定のdivに焦点を当てたブラウザ全体のようなものです。これらのプラグインは、ページ全体ではなく、特定の領域だけを「拡大/拡大」/拡大します。努力をありがとうtho –

+0

@DelanodeRooijあなたは何をしたいです全体のWebページをズームするには?デフォルトではそのブラウザのブラウザ –

+0

@DelanodeRooijあなたが自分でそれをしたいのであれば参照してくださいhttp://stackoverflow.com/questions/5977498/javascript-page-zoom –

関連する問題