来点人气，加强文章图片缩放功能代码！！-领先建站CMS提供服务商我们专注于CMS建站产品的研发

3602 查看	8 回复

主题：来点人气，加强文章图片缩放功能代码！！ [收藏主题]

转到：

guangqq 当前离线

172 主题	0 广播	2 粉丝

级别:一年级

用户积分:1811 分
登录次数:254 次
注册时间:2006/8/17
最后登录:2012/3/12

guangqq 发表于：2006/10/29 13:23:00 | 只看该作者查看该作者主题楼主

做考试题库就用#科汛在线考试系统!

文章图片缩小放大功能增加：先按住 CTRL 键再滑动鼠标中键放大缩小图片

功能说明：浏览带图片文章时，如果鼠标在图片上是，不小心想下拉网页时却放大图片，很不方便。

先按住CTRL键再滑动鼠标滚轮进行图象放大/缩小"看图片文章的时候不用再把鼠标放到图片以外再下滑了。这样要复合个人上网习惯。

演示:http://slpd.net/Article/ShowInfo.asp?ID=2286

查：ks_refreshcls.asp最后代码

<img src=$2 onclick=""javascript:window.open(this.src);"" style=""cursor: pointer"" alt=""点此在新窗口浏览图片"" onmousewheel=""return bbimg(this)"" onload=""javascript:resizepic(this)""

改为：

<IMG onmousewheel=""return imgzoom(this);"" onmouseover=""if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand';}"" onclick=""javascript:window.open(this.src);"" alt=""点击弹出新的窗口
CTRL+鼠标滚轮进行图象放大/缩小"" src=$2 width=300 onload=""if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7;}"" border=0 resized=""true"">

兰色地方为图片初始大小。

JS文件，以下复制保存为common.js。

在文章内容页<SCRIPT src="common.js" type=text/javascript></SCRIPT>

var sPop = null;
var postSubmited = false;

var userAgent = navigator.userAgent.toLowerCase();
var is_opera = (userAgent.indexOf('opera') != -1);
var is_saf = ((userAgent.indexOf('applewebkit') != -1) || (navigator.vendor == 'Apple Computer, Inc.'));
var is_webtv = (userAgent.indexOf('webtv') != -1);
var is_ie = ((userAgent.indexOf('msie') != -1) && (!is_opera) && (!is_saf) && (!is_webtv));
var is_ie4 = ((is_ie) && (userAgent.indexOf('msie 4.') != -1));
var is_moz = ((navigator.product == 'Gecko') && (!is_saf));
var is_kon = (userAgent.indexOf('konqueror') != -1);
var is_ns = ((userAgent.indexOf('compatible') == -1) && (userAgent.indexOf('mozilla') != -1) && (!is_opera) && (!is_webtv) && (!is_saf));
var is_ns4 = ((is_ns) && (parseInt(navigator.appVersion) == 4));
var is_mac = (userAgent.indexOf('mac') != -1);

function storeCaret(textEl){
if(textEl.createTextRange){
textEl.caretPos = document.selection.createRange().duplicate();
}
}

function arraypop(a) {
if(typeof a != 'object' || !a.length) {
  return null;
} else {
  var response = a[a.length - 1];
  a.length--;
  return response;
}
}

function arraypush(a, value) {
a[a.length] = value;
return a.length;
}

function copycode(obj) {
var rng = document.body.createTextRange();
rng.moveToElementText(obj);
rng.scrollIntoView();
rng.select();
rng.execCommand("Copy");
rng.collapse(false);
}

function toggle_collapse(objname, unfolded) {
if(typeof unfolded == 'undefined') {
var unfolded = 1;
}
var obj = $(objname);
var oldstatus = obj.style.display;
var collapsed = getcookie('discuz_collapse');
var cookie_start = collapsed ? collapsed.indexOf(objname) : -1;
var cookie_end = cookie_start + objname.length + 1;

obj.style.display = oldstatus == 'none' ? '' : 'none';
collapsed = cookie_start != -1 && ((unfolded && oldstatus == 'none') || (!unfolded && oldstatus == '')) ?
   collapsed.substring(0, cookie_start) + collapsed.substring(cookie_end, collapsed.length) : (
   cookie_start == -1 && ((unfolded && oldstatus == '') || (!unfolded && oldstatus == 'none')) ?
   collapsed + objname + ' ' : collapsed);

expires = new Date();
expires.setTime(expires.getTime() + (collapsed ? 86400 * 30 : -(86400 * 30 * 1000)));
document.cookie = 'discuz_collapse=' + escape(collapsed) + '; expires=' + expires.toGMTString() + '; path=/';

var img = $(objname + '_img');
var img_regexp = new RegExp((oldstatus == 'none' ? '_yes' : '_no') + '\\.gif$');
var img_re = oldstatus == 'none' ? '_no.gif' : '_yes.gif'
if(img) {
img.src = img.src.replace(img_regexp, img_re);
}
}

/*note BT >>>
*@模块: 客户端设置cookie
*@说明: 添加客户端设置，读取，加密，解密cookie一整套函数。
*/
function setcookie(name, value, expires, path, domain, secure) {
expires = expires ? expires : 86400;
var then = new Date();
then.setTime(then.getTime() + expires*1000);
expires = then.toGMTString();
document.cookie = name + "=" + escape (value) +
((expires) ? "; expires=" + expires : "") +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
((secure) ? "; secure" : "");
}

/*note BT >>>
*@模块: 客户端读取cookie
*@说明: 添加客户端设置，读取，加密，解密cookie一整套函数。
*/
function getcookie(name) {
var cookie_start = document.cookie.indexOf(name);
var cookie_end = document.cookie.indexOf(";", cookie_start);
return cookie_start == -1 ? '' : unescape(document.cookie.substring(cookie_start + name.length + 1, (cookie_end > cookie_start ? cookie_end : document.cookie.length)));
}

/*note BT >>>
*@模块: 客户端编码cookie
*@说明: 浏览器利用javascript将汉字存入cookie的时候，被认为是多个字节，而javascript本身是UNICODE编码，一个汉字为一个字节，结果导致读取的时候为两个字节，而形成乱码。
*@注意: 存入的时候一个汉字被当作了三个字节，为UNICODE编码，高位在后，低位在前。
*/
function codecookie(str) {
var rs = "";
for(var i=str.length-1; i>=0;i--) {
rs += str.charCodeAt(i);
rs += i ? "d" : "";
}
return rs;
}

/*note BT >>>
*@模块: 客户端***cookie
*@说明: 将编码的cookie解回来，组成UNICODE字符。
*/
function decodecookie(str) {
var strarr;
var strrtn = "";
if(str == ""){
return "";
}
strarr=str.split("d");
for(var i=strarr.length-1; i>=0; i--) {
strrtn += String.fromCharCode(strarr[i]);
}
return strrtn;
}

function checkFocus() {
var obj = typeof wysiwyg == 'undefined' || !wysiwyg ? $('postform').message : editwin;
if(!obj.hasfocus) {
obj.focus();
}
}

function closesmiliewindow(e) {
if(typeof smiliewindow != 'undefined' && !smiliewindow.closed) {
smiliewindow.close();
}
}

function opensmiliewindow(width, height, editorid) {
smiliewindow = window.open('post.php?action=smilies' + (editorid ? '&editorid=' + editorid : ''), 'Popup', 'width=' + width + ',height=' + height + ',resizable=yes,scrollbars=yes');
window.onunload = closesmiliewindow;
}

function mb_strlen(str) {
return (is_ie && str.indexOf('\n') != -1) ? str.replace(/\r?\n/g, '_').length : str.length;
}

function announcement() {
$('announcement').innerHTML = '<marquee style="filter:progid:DXImageTransform.Microsoft.Alpha(startX=0, startY=0, finishX=10, finishY=100,style=1,opacity=0,finishOpacity=100); margin: 0px 8px" direction="left" scrollamount="2" scrolldelay="1" onMouseOver="this.stop();" onMouseOut="this.start();">' +
$('announcement').innerHTML + '</marquee>';
$('announcement').style.display = 'block';
}

function $(id) {
return document.getElementById(id);
}

function in_array(needle, haystack) {
if(typeof needle == 'string') {
  for(var i in haystack) {
   if(haystack[i] == needle) {
     return true;
   }
  }
}
return false;
}

document.write("<style type='text/css'id='defaultPopStyle'>");
document.write(".cPopText { font-family: Tahoma, Verdana; background-color: #FFFFCC; border: 1px #000000 solid; font-size: 12px; padding-right: 4px; padding-left: 4px; line-height: 18px; padding-top: 2px; padding-bottom: 2px; visibility: hidden; filter: Alpha(Opacity=80)}");

document.write("</style>");
document.write("<div id='popLayer' style='position:absolute;z-index:1000' class='cPopText'></div>");

function showIt() {
$('popLayer').className = popStyle;
$('popLayer').innerHTML = sPop.replace(/<(.*)>/g,"<$1>").replace(/\n/g,"<br>");
var popWidth = $('popLayer').clientWidth;
var popHeight = $('popLayer').clientHeight;
var popLeftAdjust = MouseX + 12 + popWidth > document.body.clientWidth ? -popWidth - 24 : 0;
var popTopAdjust = MouseY + 12 + popHeight > document.body.clientHeight ? -popHeight - 24 : 0;
$('popLayer').style.left = (MouseX + 12 + document.body.scrollLeft + popLeftAdjust) + 'px';
$('popLayer').style.top = (MouseY + 12 + document.body.scrollTop + popTopAdjust) + 'px';
}

if(!document.onmouseover) {
document.onmouseover = function(e) {
var event = e ? e : window.event;
showPopupText(event);
};
}

代码演示打包

下载信息 [文件大小：241.08 KB 下载次数：次]