css3图片放大，css实现图片放大

html页面里面如何实现点击小图放大查看大图

分别写一个onmouseover和onmouseout事件。然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸。

HTML实现网页上图片放大功能代码 就像新浪微博图片放大一样的那种，点一下放大再点一下就变成原来的状态。

li{float：left；list-style：none；text-align：left；display：inline；overflow：hidden；} /style 图片问题：页面图片多，最好使用小图（缩略图）。大图影响显示慢，影响用户体验。

没玩过DW，大概想了下，应该可以用下列方法做 方法一：如果鼠标事件响应区域可以不与上面的图片重叠 则可以将区域放在下面的图片上，然后区域响应鼠标点击，点击后，更换上方图片。

或者使用“Ctrl+鼠标滑轮上下”来调整网页大小；IE浏览器的时候，在IE浏览器的界面中选择点击“工具”；在工具，鼠标移动到“缩放”在弹出的放大缩小中，选择要放大的比例。

这个一般是用css来显示特定内容的。譬如有张图片icon.png，里面有很多内容，便可以在css中这么用。

相关问答

Q1: 看看这张GIF动画图,放大后不失真是怎么做的?

首先打开gif尺寸修改软件。选中原图片，再点击“打开”按钮就添加OK了。成功后下方会自动显示源gif的宽度、高度和帧数参数。修改尺寸后，点击“保存”按钮。在弹出的“另存为”页面中，选择存储位置，点击“保存”。

首先，在电脑端安装嗨格式图片无损放大器的软件，安装完之后，双击软件图标并运行嗨格式图片无损放大器，根据自己的需要在软件展现界面，选择自己需要的功能。

感谢 我一般用Ulead GIF Animator直接从视频导出，如果画质不满意就用可以连续截图的播放软件连续截图确定画质合格后再用Ulead GIF Animator导出。

首先这里示范的是30万像素的老式手机照的照片尺寸是240×320。常规放大就是打开图像点击尺寸直接修改到指定大小，如果原图效果不好，放大之后会非常模糊。常采用的是另一种方法，首先，打开图像点击放大。

Q2: css让图片按最大长或宽等比例缩放

px：auto)；overflow：hidden；}◎ max-width：600px； 在IEFF等其他非IE浏览器下最大宽度为600px。但在IE6中无效。

定死宽高中的一个，另一个未定死的数值就会按比例来，如果多了overflow切掉，好处是容易操作，兼容性好，坏处很多，图片内容不能全部展示、可能切掉希望展示的内容只适用于很少情况。

先在html里添加一个img图片标签。运行页面后，这是完整显示图片大小的。图片大概是400x260左右的大小。要进入图片缩放，可以在css样式里设置图片的宽度和高度，但不要宽和高都设置了，比如这里都设置为100px。

要让p标签中的图片和文字大小相同，可以使用CSS中的object-fit属性。将object-fit设置为contain或cover之一，即可使图像与父元素等比例缩放，并占用其可用空间。

css3图片放大的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css实现图片放大、css3图片放大的信息别忘了在本站进行查找喔。