[威视周刊-4]第三方幻灯调用方法
八月 7, 2009, Posted by cike at 12:08 上午 此条目发表在 威视周刊 分类目录,贴了 AJAX, jquery, XML, 威视, 威视周刊, 幻灯 标签。将固定链接加入收藏夹。
幻灯演示:唯色色视频http://wisese.cn 欢迎送IP
这里的幻灯可不是手写的,完全是调用后台首页播放器设置,是用了我的1.5仿迅雷看看模板的切换效果
原理很简单:
1、找到后台设置幻灯后XML存放的路径:attachments/index_img_list.xml
2、查看一下结果是一个 image 附加了标题、链接、描述、图片信息
3、用Jquery解析组合成你要的格式
4、新的幻灯片就这样产生了
提供我的代码供参考:
$(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
";
Fs+="
"+FoucsArr[i][0]+""+FoucsArr[i][1]+"
";
};
//生成HTML到指定DIV中
$("#foucs").html("
"+Fb+"
"+Fs+"
");
//迅雷看看幻灯调用
BigNews.init(MovieRecom);
});
})