フォルダの画像を自動的に読み込み、ページに表示します.

 
 
	<br><br>	function loadImage()<br>	{<br><br>		var fso=new ActiveXObject("Scripting.FileSystemObject");<br><br>		var path=document.location;<br><br>		path=turnPath(path);<br><br>		var folder=fso.GetFolder(path);<br><br>		//alert("   :"+folder.Files.Count);<br>		var pathArray=new Array();<br><br>		var format=['jpg','JPG','gif','GIF','png','PNG','bmp','BMP','jpeg','JPEG'];<br><br>		var filesEnum=new Enumerator(folder.Files);<br><br>		for(;!filesEnum.atEnd();filesEnum.moveNext())<br>		{<br>			//document.write(filesEnum.item().Name+"<br />");<br>			//   <br>			var filename=filesEnum.item().Name;<br>			//     <br>			var file_format=filename.substring(filename.lastIndexOf(".")+1,filename.length);<br>			for(var i=0;i<format.length;i++)<br>			{<br>				if(file_format==format[i])<br>				{<br>					pathArray.push(filename);<br>				}<br>			}<br>		}<br>		createImageTable(pathArray,path);<br><br>	}<br>	//    <br>	function turnPath(path)<br>	{<br>		var p=path+"";<br>		p=p.substring(8,p.lastIndexOf("/"));<br>		return p;<br>	}<br><br>	function createImageTable(ImageList,path)<br>	{<br><br>		//var ImageTable=document.getElementById("ImageTable");<br><br>		var table=document.createElement("table");<br>		var tbody=document.createElement("tbody");<br>		var tr=document.createElement("tr");<br><br>		for(var i=0;i<ImageList.length;i++)<br>		{<br>			var td=document.createElement("td");<br>			//var div=document.createElement("div");<br>			var img=document.createElement("img");		<br>			img.src=path+"\\"+ImageList[i];<br>			img.width=150;<br>			img.height=100;	<br>			img.style.cursor="pointer";<br>			img.onclick=function(){createBigImage(this.src);};//createBigImage(img.src);<br>			td.appendChild(img);<br>			tr.appendChild(td);	<br>		}<br>		tbody.appendChild(tr);<br>		table.appendChild(tbody);<br><br>		document.getElementById("div").appendChild(table);<br>	}<br><br>	function createBigImage(src)<br>	{<br>		var bigImg=document.getElementById("bigImg");<br>		var remark=document.getElementById("remark");<br>		var img=document.createElement("img");<br>		img.src=src;<br>		img=setImage_W_H(img);<br>		bigImg.innerHTML="";<br>		remark.innerHTML=src.substring(src.lastIndexOf("/")+1,src.lastIndexOf("."));<br>		bigImg.appendChild(img);<br>	}<br><br>	function setImage_W_H(img)<br>	{<br>		//alert(img.width+"  "+img.height);<br>		var W=600;<br>		var H=480;<br>		var scale_1=W/H;<br>		var width=img.width;<br>		var height=img.height;<br>		var scale_2=width/height;<br>		if(scale_1>scale_2)<br>		{<br>			if(H<=height)<br>			{<br>				height=H;<br>				width=Math.round(height*scale_2);<br>			}<br>		}<br>		else if(scale_1<scale_2)<br>		{<br>			if(W<=width)<br>			{<br>				width=W;<br>				height=Math.round(width/scale_2);<br>			}<br><br>		}<br>		else<br>		{<br>			if(W<width)<br>			{<br>				width=W;<br>				height=Math.round(width/scale_2);<br>			}<br>		}<br>		img.width=width;<br>		img.height=height;<br>		return img;<br>	}<br>	
 

 
 






 
 

 

	▊▊

	▊▊

	▊▊

	◀▊

	▊▊

	▊▊

	▊▊


 
 

  
   

  
 
 

 

	▊▊

	▊▊

	▊▊

	▊▶

	▊▊

	▊▊

	▊▊