我試圖放大圖片,當用戶懸停到圖像和減少圖像的大小後,用戶鼠標圖像。如何更改圖像的大小?
我有以下代碼
$('#image_layout').on('hover','img',function(){
$(this).css('width','110%');
})
$('#image_layout').on('mouseout','img',function(){
$(this).css('width','90%');
})
我想從沒有從圖像的頂部lefe位置的圖像的中心位置放大圖像。
一個我:
---- ------
| | -> | |
---- | |
------
一個我想:(從圖像的中心放大圖片)
------
---- | |
| | --> | |
---- | |
------
我不知道如何實現這一目標。有小費嗎?非常感謝!
使用CSS3過渡性質做 – gaspyr 2012-08-06 22:39:26
威爾較大的圖像仍然適合一個更大的外部div或你想它突破包含div的界限?如果答案是將其保存在一個包含div中,那麼你可以通過CSS垂直對齊它,如果答案突然出現,那麼你需要調整較大圖像的頂部。 – 2012-08-06 22:40:49
CSS3 + JavaScript方法:http://stackoverflow.com/questions/7085879/thumbnail-hover-zoom-enlarge-w-css3-and-javascript-z-axis-problem – 2012-08-06 22:43:04