JavaScript怎样实现图片放大功能

可使用JavaScript和CSS来实现图片放大功能。下面是一个简单的实现示例：
HTML代码：
```html

```
CSS代码：
```css
#my-image {
transition: transform 0.3s ease;
cursor: pointer;
}
#my-image.zoomed {
transform: scale(1.5);
}
```
JavaScript代码：
```javascript
function zoomIn() {
var image = document.getElementById("my-image");
image.classList.toggle("zoomed");
}
```
在上述代码中，给图片添加了一个点击事件处理函数`zoomIn()`。点击图片时，会触发`zoomIn()`函数，在函数中使用`classList.toggle()`方法来切换一个名为"zoomed"的CSS类。当图片被点击后，会添加该类，触发CSS中的`transform: scale(1.5);`样式，使图片放大到1.5倍。再次点击图片时，会移除"zoomed"类，使图片恢复原始大小。
注意：需要将"your-image-url.jpg"替换为实际的图片URL。