1

誰かが新しいページを開いたときにズーム画像の効果を取得したいと思います。したがって、各ページには、ページを開くたびにズームインする独自の画像が必要です。私はこのウェブサイトに例を持っています：http：//www.fashionclub70.be/（「ライトバージョン」をクリックしてください）。

ユーザーがメニュー項目をクリックすると、対応するページが開き、画像が拡大されます。このWebサイトでは、Flashを使用していますが、これにはJavascriptのみを使用したいと思います。私はFlashの実用的な知識を持っていません。これをうまく実装できるように、私にいくつかのポインタがありますか？

ありがとう

マールテン

4

2 に答える 2

1

キャンバスを使用して、その上に絵を描くことができます。これに必要なものはすべてここにあります: http://www.html5canvastutorials.com/tutorials/html5-canvas-images/

編集：CSS3を使用したい場合は、使用できます

#pix{width:200px;height:300px;transition: all 2s;}

#pic:hover{transform:scale(4) translate(100px,100px)}

これにより、この ID でタグ付けされた div が右に移動し、2 秒間で 4 倍の大きさになります。:hover 部分は、トランジションを作動させる単なるイベントです。代わりに :active を使用したいと思います。

于 2012-11-20T21:14:52.717 に答える
1

最も簡単な解決策は、 http://sliderjs.org/のようなものを使用することだと思います。基本的に、空のプレースホルダーを置き、画像を目に見えない div 要素にロードします。次に、イメージの onload イベントにバインドされたコールバックでトランジション効果を開始します。

于 2012-11-21T07:48:42.977 に答える