jquery - jQuery 画像ズームの提案

Question

画像にカーソルを合わせたりクリックしたりするときに、軽い jQuery 画像ズームを探しています。ホバー後またはクリック後に画像が読み込まれることが非常に重要です。これは、最初のページの読み込みをできる限り減らすためです。

良いスクリプトの提案はありますか?

Answer 1

多くの既存の jquery 画像スライダーがあります。個人的なお気に入りは tn3 です。またはライトボックスのような既存のもの。それ以外の場合は、単にページ上の所定の位置に画像をズームしたい場合 (ポップアップやウィジェット タイプのものは使用しない)、画像のスケーリング方法を検討する必要があります。あるいは、CSS3 スケーリング アニメーションを使用するのが、おそらく最良の新しい時代の方法でしょう。

EDIT これは、ロードを後で防止するために使用する方法のサンプルです。

HTML:

<a id='image_to_load' href='' rel='lightbox'> </a>

Javascript (または Jquery):

$(document).ready(function() {
    var image = $('#image_to_load');
    image.onclick = function(e){image.href = '/path/to/image'; //add lightbox handler too};
});