画像は、誰かが私は私のマウスで上にマウスを移動させて画像を拡大できるスクリプトを構築に向けて私を導くことができる場合、私は思っていたが、画像のみであることを行っていない画像

Question

に添付のdivボックス内のコンテンツとホバーで拡大します拡大、画像の周りのdivはまた、あなたが

感謝を置くと表示される、それに添付されます！

Answer 1

最も簡単な方法。 resizables.jsファイルのどこかにコードを入れてください。

/** 
* Copyright 2012, Val Kotlarov Hoffman. 
* Licensed under the GPL Version 2 license. 
* You may copy freely and distribute as long as this comment remains. 
**/ 

$(document).ready(function(){ 
    init_resizeables(); 
}); 

function init_resizeables() { 

    $('img').hover(
     function() { 
      $(this).stop().animate({ 
       'width':'444px' 
      },{ 
       duration:234 
      }).css({ 
       'z-index':'999', 
       'position':'absolute' 
      }); 
     }, 
     function() { 
      $(this).stop().animate({ 
       'width':'254px' 
      },{ 
       duration:345 
      }).css({ 
       'z-index':'1' 
      }); 
     }); 
} 

最初のwithは拡大画像の幅です。 2番目の幅はイメージの通常サイズです。これをあなたのhtmlファイルに含めれば完了です。何が必要にIMGセレクタを変更します。 お楽しみください。