<div>
<img id="img1" src="Images/ProdImg/001070.jpg" />
<hr />
<img src="Images/ProdImg/00107001.jpg" />
<img src="Images/ProdImg/00107002.jpg" />
<img src="Images/ProdImg/00107003.jpg" />
<hr />
<input type="button" value="get" onclick="getsub()" />
</div>
function getsub()
{
var img1=document.getElementById('img1');
for(var i=0;i<img1.parentNode.childNodes.length;i++)
{
if(img1.parentNode.childNodes[i].tagName&&img1.parentNode.childNodes[i].tagName.toLowerCase()=='img')
{
var patt=/001070.jpg/;
if(!patt.test(img1.parentNode.childNodes[i].src))
alert(img1.parentNode.childNodes[i].src);
}
}
}
<img id="img1" src="Images/ProdImg/001070.jpg" />
<hr />
<img src="Images/ProdImg/00107001.jpg" />
<img src="Images/ProdImg/00107002.jpg" />
<img src="Images/ProdImg/00107003.jpg" />
<hr />
<input type="button" value="get" onclick="getsub()" />
</div>
function getsub()
{
var img1=document.getElementById('img1');
for(var i=0;i<img1.parentNode.childNodes.length;i++)
{
if(img1.parentNode.childNodes[i].tagName&&img1.parentNode.childNodes[i].tagName.toLowerCase()=='img')
{
var patt=/001070.jpg/;
if(!patt.test(img1.parentNode.childNodes[i].src))
alert(img1.parentNode.childNodes[i].src);
}
}
}
function GetFileList()
{
var ForderPath = "文件夹路径";
try
{
var oFSO;
var oForder;
var oFiles;
var FilesName;
oFSO = new ActiveXObject("Scripting.FileSystemObject");
oForder = oFSO.GetFolder(ForderPath); oFiles = new Enumerator(oForder.Files); //获取文件列表
for (;!oFiles.atEnd(); oFiles.moveNext()) //循环获取各个文件路径
{
var Files = oFiles.item(); //得到文件名
}
}
catch (e)
{
alert(e.message);
}
}
有些鞋的大图下面在服务器端放了三个图片,有的放了四个、五个不等,所以我要这样处理。
当然,不用库也可以。不过要考虑的东西就多了
AJAX掉服务器方法,
服务器图用循环去找各个文件名,要考虑图名不连续等情况,
var oReq = new ActiveXObject("Microsoft.XMLHTTP");
var i = 6;
for(;i > 0;i--)
{
var smallImgNum = pic + "small0" + i;
oReq.open("Get","Images/ProdImg/" + smallImgNum + ".jpg",false);
oReq.send();
if(oReq.status==404)//没有找到
continue;
else
break;
}
在ie8和firefox3下测试通过,请自己修改图片路径和图片命名规则
<body>
<script>
function $(sId){
return document.getElementById(sId);
}for(var i=1;i<10;i++){
var oImg=document.createElement("img");
oImg.src="wjb/"+i+".gif";
oImg.onerror=function(e){
var evt=e||window.event;
var srcEl=evt.target||evt.srcElement;
var oParNode=srcEl.parentNode?srcEl.parentNode:document;
oParNode.removeChild(srcEl);
};
document.body.appendChild(oImg);
}
</script>
</body>