jQuery圖像縮放與鼠標滾輪或觸摸滾動

你好我有簡單的div與500x500的HTML頁面，包括jQuery。我想在div中使用圖像，在圖像上單擊它將在div內放大。圖像大小1320x917。，我也可以用鼠標滾動圖像。jQuery圖像縮放與鼠標滾輪或觸摸滾動

HTML代碼：

<div class="div1"> 
    <img src="imag1.png" /> 
</div>

CSS代碼：

.div1{ 
    width:500px; 
    height:500px; 
}

看看試試這個你 Photoswipe

2016-08-16 14:36:47

試試這個CSS：

.grow { transition: all .2s ease-in-out; } 
.grow:hover { transform: scale(1.1); }

演示：

https://jsfiddle.net/bqtd7xef/1/

2016-07-30 12:28:28 chirag

親愛CHIRAG這是行不通的，我想專區內使用，這是最好的變焦（W 500像素 -^h 500像素）。和圖像不顯示div的網站。而且我也無法用鼠標滾動圖像。 –

看到這jsfiddle：https：//jsfiddle.net/bqtd7xef/1/ – chirag

沒有親愛的這是行不通的我不能用鼠標滾動圖像不僅縮放，但我也可以用鼠標滾動圖像。檢查此：https://jsfiddle.net/bhavhirani/bqtd7xef/5/。和圖像不顯示出網站div。 –

您可以使用jQuery插件圖像縮放功能。請this

2016-07-30 17:07:34

回答