[威视周刊-4]第三方幻灯调用方法
八月 7, 2009, Posted by cike at 12:08 上午
幻灯演示：唯色色视频http://wisese.cn 欢迎送IP
这里的幻灯可不是手写的，完全是调用后台首页播放器设置，是用了我的1.5仿迅雷看看模板的切换效果
原理很简单：
1、找到后台设置幻灯后XML存放的路径:attachments/index_img_list.xml
2、查看一下结果是一个 image 附加了标题、链接、描述、图片信息
3、用Jquery解析组合成你要的格式
4、新的幻灯片就这样产生了
提供我的代码供参考：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
$(funtion(){
var FoucsArr=[];
$.get('attachments/index_img_list.xml', function(d){
//遍历XML中每一个image，即每个幻灯
$(d).find('image').each(function(){
var $image = $(this);
//设置成果全保存在FoucsArr这个二维数据里了，转化成纯JS数组，至此与XML无关了
FoucsArr.push([$image.attr("title"),$image.attr("desc"),$image.attr("src"),$image.attr("address")]);
});
//下面是我的发挥
var Fs=Fb="";
for(var i=0;i<foucsArr.length;i++){
Fb+="<li class='big-pic'><a href='"+FoucsArr[i][3]+"'><img src='"+FoucsArr[i][2]+"' /></a></li>";
Fs+="<li id='SwitchLi_"+i+"'><a id='SwitchSmaPic_"+i+"' href='"+FoucsArr[i][3]+"'><img src='"+FoucsArr[i][2]+"' /><strong>"+FoucsArr[i][0]+"</strong>"+FoucsArr[i][1]+"</a></li>";
};
//生成HTML到指定DIV中
$("#foucs").html("<ul class='big-pic' id='SwitchBigPic'>"+Fb+"</ul><ul class='pic-list'>"+Fs+"</ul>");
//迅雷看看幻灯调用
BigNews.init(MovieRecom);
});
}) |
