メディアのイメージを再作成する

Question

イメージをクリックしたときにメディアが使用するイメージの拡大/縮小エフェクトを再現したいと考えています。

ここにその例を示します。

私は、jQuery CSS変換など、さまざまな方法で試してみましたが、私はそれに多くの問題があります。

どうすればこのような効果を再現できますか？

Answer 1

拡大縮小効果は、CSS変換プロパティを使用して実現できます。基本的に、イメージをウィンドウ中心に移動し、イメージを拡大/縮小します。ズームアウトするには、変換値を削除します。

実際には、jQueryを使用して、zoom.jsと呼ばれるメディアの画像ズームのオープンソースライブラリがあります。私も同様のライブラリZoomingを純粋なJavaScriptで実装しました。