怎样实现asp网页内图片缩放

来源：百度知道 编辑：UC知道 时间：2024/06/17 16:54:55
我想要做的效果是用鼠标左键单击图片后，弹出一个类似层的东西，出现在网页上方（很多论坛就用的这种方式放大图片），在这个层里，用鼠标滑轮可以改变图片大小，层右上角还有些按钮可以关闭这个层，或者在新窗口中打开图片。我是要用于基于VB的ASP网页的，望各位大侠指点指点！

使用lightbox就可以了.很多网站用的都是这个.
同时,这效果跟ASP不沾边.
完全是客户端JS实现的.

其实很简单，如果是静态页面缩放的话就用javascript，如果是动态缩放的话就直接写吧
js的代码大概如下：
<img id="myimg" src="/images/pic.gif">
必须有一个id，然后js里面写
document.all.myimg.width=100;
document.all.myimg.height=100;
如果是到等比例缩放就看你怎么写代码了
document.all.myimg.width=document.all.myimg.width/2;
document.all.myimg.height=document.all.myimg.height/2;
这是缩放50%的

ASP里面的话直接打印两个属性
<img id="myimg" src="/images/pic.gif" width="100" width="200">

你用window.open新开个窗口

<HTML>
<HEAD>
<TITLE>鼠标滚轮控制图片大小</TITLE>
<script language="JavaScript">
<!--
//改变图片大小
function resizepic(thispic)
{
if(thispic.width>700) thispic.width=700;
}
//无级缩放图片大小
function bbimg(o)
{
var zoom=parseInt(o.style.zoom, 10)||100;
zoom+=event.wheelDe