历时八天,终于弄完了,此代码堪称完美,无懈可击,哈哈哈,图片库最终版js文件
2016-10-06 15:39
274 查看
function showpic(whichpic)//假设过多
{
if(!document.getElementById("placeholder"))return false;
var source=whichpic.getAttribute("href");
var place=document.getElementById("placeholder");
if(placeholder.nodeName!="IMG")return false;
place.setAttribute("src",source);//后面的值赋给前面
if(document.getElementById("description"))
{
var text=whichpic.getAttribute("title")?whichpic.getAttribute("title"):" ";/*三目运算符*/
var descript=document.getElementById("description");
if(descript.firstChild.nodeType==3)
{
descript.firstChild.nodeValue=text;
}
}
return true;
}
function prepargallery()//分离javascript
{
if(!document.getElementsByTagName)return false;
if(!document.getElementById)return false;
if(!document.getElementById("imagegallery"))return false;
var gallery=document.getElementById("imagegallery");
var links=gallery.getElementsByTagName("a");
for (var i=0;i<links.length;i++)
{
links[i].onclick=function(){return !showpic(this);}
//links[i].onkeypress=links[i].onclick;残疾人可用用tab和enter产生问题过多
}
}
function addloadevent(func)//万能函数,解决数量特别多的时候window.onload;
{
var oldonload=window.onload;
if(typeof window.onload!='function')
{
window.onload=func;
}else
{
window.onload=function(){oldonload();func();}
}
}
function prepareplaceholder()
{
if(!document.createElement)return false;
if(!document.createTextNode)return false;
if(!document.getElementById)return false;
if(!document.getElementById("imagegallery"))return false;
var placeho=document.createElement("img");
placeho.setAttribute("id","placeholder");
placeho.setAttribute("src","img/287080.jpg");
var descript=document.createElement("p");
descript.setAttribute("id","description");
var desctext=document.createTextNode("秋天的树林");
descript.appendChild(desctext);
var gallery=document.getElementById("imagegallery");
insertafter(placeho,gallery);
insertafter(descript,placeho);
}
function insertafter(newelement,targetelement)
{
var parent=targetelement.parentNode;
if (parent.lastChild==targetelement)
{
parent.appendChild(newelement);
}
else
{
parent.insertBefore(newelement,targetelement.nextsibling);
}
}
addloadevent(prepareplaceholder);
addloadevent(prepargallery);
{
if(!document.getElementById("placeholder"))return false;
var source=whichpic.getAttribute("href");
var place=document.getElementById("placeholder");
if(placeholder.nodeName!="IMG")return false;
place.setAttribute("src",source);//后面的值赋给前面
if(document.getElementById("description"))
{
var text=whichpic.getAttribute("title")?whichpic.getAttribute("title"):" ";/*三目运算符*/
var descript=document.getElementById("description");
if(descript.firstChild.nodeType==3)
{
descript.firstChild.nodeValue=text;
}
}
return true;
}
function prepargallery()//分离javascript
{
if(!document.getElementsByTagName)return false;
if(!document.getElementById)return false;
if(!document.getElementById("imagegallery"))return false;
var gallery=document.getElementById("imagegallery");
var links=gallery.getElementsByTagName("a");
for (var i=0;i<links.length;i++)
{
links[i].onclick=function(){return !showpic(this);}
//links[i].onkeypress=links[i].onclick;残疾人可用用tab和enter产生问题过多
}
}
function addloadevent(func)//万能函数,解决数量特别多的时候window.onload;
{
var oldonload=window.onload;
if(typeof window.onload!='function')
{
window.onload=func;
}else
{
window.onload=function(){oldonload();func();}
}
}
function prepareplaceholder()
{
if(!document.createElement)return false;
if(!document.createTextNode)return false;
if(!document.getElementById)return false;
if(!document.getElementById("imagegallery"))return false;
var placeho=document.createElement("img");
placeho.setAttribute("id","placeholder");
placeho.setAttribute("src","img/287080.jpg");
var descript=document.createElement("p");
descript.setAttribute("id","description");
var desctext=document.createTextNode("秋天的树林");
descript.appendChild(desctext);
var gallery=document.getElementById("imagegallery");
insertafter(placeho,gallery);
insertafter(descript,placeho);
}
function insertafter(newelement,targetelement)
{
var parent=targetelement.parentNode;
if (parent.lastChild==targetelement)
{
parent.appendChild(newelement);
}
else
{
parent.insertBefore(newelement,targetelement.nextsibling);
}
}
addloadevent(prepareplaceholder);
addloadevent(prepargallery);
相关文章推荐
- 一些web开发中常用的、做成cs文件的js代码 - 搜刮来的
- web开发中常用的、做成cs文件的js代码
- [原创]完美Js(Javascript)代码自动成器
- 动态加载JS文件,完美解决跨域、编码、嵌套、队列、兼容性、执行顺序等相关问题。
- 奇怪的问题:js代码只能放在代码中不能引用文件
- BET007的程序JS文件,我看了好长时间才明白的。哈哈,和大家分享下~~~~
- 一些web开发中常用的、做成cs文件的js代码
- 将 html 代码写入 js 文件中,然后在网页中引用此 js 文件,实现头模板重用
- 搜到 一个js判断上传的文件大小的代码
- JS 俄罗斯方块完美注释版代码
- [转]一些web开发中常用的、做成cs文件的js代码
- 一些web开发中常用的、做成cs文件的js代码
- 一些web开发中常用的、做成cs文件的js代码 - 转帖来的
- cs文件常用js代码
- web开发中常用的, 做成cs文件的js代码
- web开发中常用的、做成cs文件的js代码
- 生成文件的js代码
- 一些web开发中常用的、做成cs文件的js代码 - 搜刮来的
- asp下用fso生成js文件的代码
- 引入js文件(js中可执行jsp代码片段)