关于不变形,在分类信息中使用了代码
<img src="http://botu.bokee.com/photodata1/2007-8-18/000/278/062/10109159/10109159.jpg" border="0" onload="if(this.width>500) {this.resized=true; this.width=500; this.alt='点击在新窗口查看全图';}" onmouseover="if(this.width>500) {this.resized=true; this.width=500; this.style.cursor='hand'; this.alt='点击在新窗口查看全图';}" onclick="if(!this.resized) {return true;} else {window.open('http://botu.bokee.com/photodata1/2007-8-18/000/278/062/10109159/10109159.jpg');}">
效果非常好,对很多浏览器适合。
优点: 1.宽度大于500的图片会自动缩小到500 2.如果宽度大于500的图片没有缩小,鼠标扫过一定缩小 3.宽度小于500的图片点击不会弹出看到原始图片的窗口 4.宽度大于500的点击以后可以看到原始图。
|