通过js来获取从数据库中图片集合后,js如何将他们分割

JavaScript016

通过js来获取从数据库中图片集合后,js如何将他们分割,第1张

首先放一个linkbutton上去.(去掉text,这样就看不见) 然后用js调用linkbutton的click事件(用自动产生的_dopostback来调用) 在linkbutton的click事件中读图片,然后指定div的内容。 当然,div要runat=server了.

首先找一个这样效果的范例:百度一下 照片集 JS,或者图片集 JS

然后定位,寻找规律。找到这个图片集中循环的部分

我们假设这个图片集的JS是这样子的结构:

JS

<li><a><img1></a></li>

<li><a><img2></a></li>

<li><a><img3></a></li>

JS

然后你用织梦发一个图片集,用{dede}把图片的链接依次调用出来就可以了。

js脚本在html中批量加入图片,我们需要设置一个父类的div,然后在创建子类,在创建好一个img的子类,将图片都添加进来,

<html>

<body>

<div id='parent'>

<div class='pin'>

</div>

</div>

</body>

<script>

var oPin = document.createElement('div')

oPin.className = 'pin'

oParent.appendChild(oPin)

var oImg = document.createElement('img')

loadImg('./image/'+ data[i].src,callBack,oImg) //这里是你的图片地址

oImg.src = './image/'+ data[i].src

oPin.appendChild(oImg)

</script>

</html>