java 显示图片预览DIV

//显示图片预览DIV
function showpicture(name) {

	var pathvalue = "";
	pathvalue = document.getElementById(name).value;
	if(pathvalue=="")
	{
	 alert("没有可以预览的图片！");
	}
	else
	{
	 var len=pathvalue.length;
	 var endstring=pathvalue.substring(len-1,len);
	 if(endstring==",")//用户判断，如果上传的图片串最后一个字符带有','的话，先去掉','，在进行处理；
	 {
	    pathvalue=pathvalue.substring(0,len-1);
	 }
	var divappends = "";
	var arrypaht = pathvalue.split(",");
	for (var i = 0; i < arrypaht.length; i++) {
		divappends += "<li><a href='"+ arrypaht[i].toString() +"' target='_blank'><img src='" + arrypaht[i].toString() + "' οnlοad='if(this.width>350){this.width = 350;}' border='0'/></a></li>";
	}
	if (divappends != "") {
		document.getElementById("displaypicture").style.display = "block";
	}
	document.getElementById("rollList").innerHTML = divappends;
	}
	scall();
}

function scall(){
 $("#displaypicture").css("top",document.documentElement.scrollTop+100);
}
window.οnscrοll=scall;
//关闭图片预览DIV
function closeshow() {
	document.getElementById("displaypicture").style.display = "none";
}

//图片显示效果JS开始
var $id = function (id) {
	return document.getElementById(id);
};
var scrollHori = {locked:0, vector:0, start:function (thiso) {
	if (scrollHori.locked == 0) {
		if (thiso.id == "rollLeft" && $id("rollBox").scrollLeft != 0) {
			scrollHori.vector = -20;
			scrollHori.scroll();
		}
		if (thiso.id == "rollRight" && $id("rollBox").scrollLeft != ($id("rollList").offsetWidth - $id("rollBox").offsetWidth)) {
			scrollHori.vector =20;
			scrollHori.scroll();
		}
	}
}, scroll:function () {
	var step = 0;
	var size = $id("rollList").offsetWidth / $id("rollList").getElementsByTagName("li").length;
	play = setInterval(function () {
		if (size > step) {
			$id("rollBox").scrollLeft += scrollHori.vector;
			step += Math.abs(scrollHori.vector);
			scrollHori.locked = 1;
		} else {
			scrollHori.stop();
		}
	}, 20);
}, stop:function () {
	if (window.play) {
		clearInterval(window.play);
		scrollHori.locked = 0;
	}
}};
//图片显示效果JS结束