我在(http://download.csdn.net/detail/gmzyyzgh/3007916)下载的“新浪网图片展示幻灯片CSS代码”,
在IE6下运行时提示“载入错误!”,IE7下运行时无法显示。 能不能给指导一下。联系:[email protected],多谢!
“新浪网图片展示幻灯片CSS代码”,下载地址:http://download.csdn.net/detail/gmzyyzgh/3007916
在IE6下运行时提示“载入错误!”,IE7下运行时无法显示。 能不能给指导一下。联系:[email protected],多谢!
“新浪网图片展示幻灯片CSS代码”,下载地址:http://download.csdn.net/detail/gmzyyzgh/3007916
<!--//--><![CDATA[//><!--
var dataInfo = {
title : '济南军区炮兵团军人玩电子游戏机', //本期信息
nextList : { //下一图集
url : '#',
img : 'images/199_1310_587276.jpg' //小图片
},
preList : { //上一图集
url : '#',
img : 'images/199_1275_877615.jpg' //小图片
},
/*
review : [ //回顾
{
title : '',
id : 0
},
{
title : '',
id : 0
}
],
*/
others : { //其它信息
downloadPic : false, //允许下载图片
PVCountUrl_m : '#', //流量统计地址
PVCountUrl_a : '#'
},
picData : [
{
pic : 'images/b_1.jpg', //图片
smallPic : 'images/s_1.jpg', //缩略图
title : '赛车游戏',
intro : '济南军区某炮兵团着眼新时期官兵特点,与时俱进地改建营院文化设施,不断满足新时期官兵文化娱乐生活的需要。瞧,假日里官兵们在室内娱乐场所玩的多开心!中国军网 仇成梁摄',
commUrl : '#',
url : '#'
}, {
pic : 'images/b_2.jpg', //图片
smallPic : 'images/s_2.jpg', //缩略图
title : '解放军士兵玩赛车游戏',
intro : '济南军区某炮兵团着眼新时期官兵特点,与时俱进地改建营院文化设施,不断满足新时期官兵文化娱乐生活的需要。瞧,假日里官兵们在室内娱乐场所玩的多开心!中国军网 仇成梁摄',
commUrl : '#',
url : '#'
}, {
pic : 'images/b_3.jpg', //图片
smallPic : 'images/s_3.jpg', //缩略图
title : '士兵们玩投球游戏',
intro : '济南军区某炮兵团着眼新时期官兵特点,与时俱进地改建营院文化设施,不断满足新时期官兵文化娱乐生活的需要。瞧,假日里官兵们在室内娱乐场所玩的多开心!中国军网 仇成梁摄',
commUrl : '#',
url : '#'
}, {
pic : 'images/b_4.jpg', //图片
smallPic : 'images/s_4.jpg', //缩略图
title : '投球游戏',
intro : '济南军区某炮兵团着眼新时期官兵特点,与时俱进地改建营院文化设施,不断满足新时期官兵文化娱乐生活的需要。瞧,假日里官兵们在室内娱乐场所玩的多开心!中国军网 仇成梁摄',
commUrl : '#',
url : '#'
} ]
};
function echoFocus(){
try{
//头部标题
document.getElementById("TitleBox_01").innerHTML = dataInfo.title;
var newHref;
//图片文字信息载入
for(var i=0;i<dataInfo.picData.length;i++){
//储存信息至epidiascope.filmstrips
epidiascope.add({
src : dataInfo.picData[i].pic,
lowsrc : dataInfo.picData[i].smallPic,
title : dataInfo.picData[i].title,
link : dataInfo.picData[i].url,
text : dataInfo.picData[i].intro,
comment : dataInfo.picData[i].commUrl
});
};
epidiascope.set.speedBar = false;//是否启用cookie记录速度条
epidiascope.set.style = false; //是否启用cookie记录样式
epidiascope.autoPlay = false;//是否播放
epidiascope.initialize();//初始化
}catch(e){
errorFocus("载入错误!");
};
};
function errorFocus(str){//错误
document.getElementById("TitleBox_01").innerHTML = str;
document.getElementById("BigPic").innerHTML = '<img src="images/err02.gif" alt="' + str + '" />';
};
function fullFlash(){
var pic = "",txt = "";
for(var i=0;i<dataInfo.picData.length;i++){
if(pic != ""){pic += "|"};
pic += encodeURIComponent(dataInfo.picData[i].pic);
if(txt != ""){txt += "|"};
txt += encodeURIComponent(dataInfo.picData[i].title) + "# " + encodeURIComponent(dataInfo.picData[i].intro);
}; //return;
var fullScreen = new sinaFlash("js/loop_3.19_8.swf", "fullScreenObj", "100%", "100%", "8", "#000000");
fullScreen.addParam("quality", "best");
fullScreen.addParam("wmode", "transparent");
fullScreen.addParam("allowFullScreen", "true");
fullScreen.addVariable("mylinkpic", pic); //此处添加组图标题
fullScreen.addVariable("infotxt",dataInfo.title);
//此处添加图片文字标题,导语,分别用“|”,“#”分割
fullScreen.addVariable("mytxt",txt);
fullScreen.addVariable("fulls_btnx","0");
fullScreen.addVariable("fulls_btny","0");
fullScreen.addVariable("fulls_btnalpha","0")
fullScreen.write("fullScreenFlash");
//禁用js全屏
epidiascope.fullScreen.unset();
};
function astojs(name) {
if(name.split("|")[1]==undefined){
//第几张图片,图片的速度,用"|"分割
epidiascope.stop();
return epidiascope.selectedIndex + "|" + epidiascope.speedBar.grade;
}else{
name = new String(name);
var status = name.split("|");
epidiascope.speedBar.grade=status[1];
epidiascope.speedBar.initialize();
};
};
function talkjs(name){
name = new String(name);
var status = name.split("|");
status[0] = parseInt(status[0]);
epidiascope.select(status[0],status[1]=="1"?'':'auto');
};//执行
echoFocus();//--><!]]>
</SCRIPT>
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE>新浪军事幻灯片效果_代码裤</TITLE>
<meta http-equiv="title" content="新浪军事幻灯片效果_代码裤"/>
<meta name="keywords" content="jQuery,Cycle,Cycle插件 js javascript" />
<meta name="description" content="jQuery Cycle插件的使用" />
<SCRIPT language=javascript src="./js/epidiascope.js" type=text/javascript></SCRIPT>
<link type="text/css" rel="stylesheet" href="./css/sina.css" />
</HEAD>
<BODY>
<DIV id=wrap><!-- 090306新通用导航条 begin -->
<div class=Main id=Main>
<h1><span id=TitleBox_01>loading...</span> <span id=total>0/0</span></h1>
<div class=tBL>
<div class=blIco_01><a href="#">幻灯汇总</a></div>
</div>
<div class=control>
<!-- 播放控制按钮 begin -->
<div id=playButton>
<div id=plan></div>
<div class=play id=status title=播放></div>
</div>
<!-- 播放控制按钮 end -->
<!-- 速度控制条 begin -->
<div id=speedBar>
<h6>速度</h6>
<div id=slide>
<div id=slideButton></div>
</div>
<div id=speedCall>5秒</div>
</div>
<!-- 速度控制条 end -->
<!-- 颜色选择 begin -->
<div class=colorSelect>
<h6>背景</h6>
<ul>
<li class=selected id=color_01><span></span></li>
<li id=color_02><span></span></li>
</ul>
</div>
<!-- 颜色选择 end -->
<!-- 全屏按钮 begin -->
<div id=fullScreen>全屏
<div id=fullScreenFlash></div>
</div>
<!-- 全屏按钮 end -->
</div>
<table class=MainFrame cellspacing=0>
<tbody>
<tr>
<td class=rowLeft><div id=picArrLeft onmouseover="this.className='on'" onmouseout="this.className=''"> </div></td>
<td class=rowMiddle><div id=BigPicBox>
<div id=BigPic></div>
</div></td>
<td class=rowRight><div id=picArrRight onmouseover="this.className='on'" onmouseout="this.className=''"> </div></td>
</tr>
</tbody>
</table>
<div id=MemoAndFunc>
<h2 id=PicTitle>loading...</h2>
<div id=PicMemo>loading...</div>
<div id=PicFunc></div>
</div>
<!-- 结束提示 begin -->
<div id=endSelect>
<div id=endSelClose></div>
<div class=bg></div>
<div class=E_Cont>
<p>您已经浏览完所有图片</p>
<p><a id=rePlayBut href="javascript:void(0)"></a><a id=nextPicsBut href="javascript:void(0)"></a></p>
</div>
</div>
<!-- 结束提示 end -->
</div>
<!-- Main end -->
<!-- 图片列表 begin -->
<DIV class=PicListPart>
<DIV id=PL_Middle>
<DIV id=leftArr onmouseover="this.className='on'" onmouseout="this.className=''"></DIV>
<DIV id=picList>
<DIV class=PL_cont></DIV>
</DIV>
<DIV id=rightArr onmouseover="this.className='on'" onmouseout="this.className=''"></DIV>
</DIV>
</DIV>
</DIV><!-- 图片列表 end -->
<DIV class=footer>
</DIV><!-- 关闭全屏 begin -->
<div id="fullClew">
<div id="fullClose"></div>
<div class="bg"></div>
<div class="F_Cont">
<p>您已打开全屏窗口进行预览</p>
<p><a href="javascript:void(0)" id="fullCloseBut"></a></p>
</div>
</div>
<!-- 关闭全屏 end -->
<SCRIPT language=javascript type=text/javascript>
<!--//--><![CDATA[//><!--
var dataInfo = {
title : '济南军区炮兵团军人玩电子游戏机', //本期信息
nextList : { //下一图集
url : '#',
img : 'images/199_1310_587276.jpg' //小图片
},
preList : { //上一图集
url : '#',
img : 'images/199_1275_877615.jpg' //小图片
},
/*
review : [ //回顾
{
title : '',
id : 0
},
{
title : '',
id : 0
}
],
*/
others : { //其它信息
downloadPic : false, //允许下载图片
PVCountUrl_m : '#', //流量统计地址
PVCountUrl_a : '#'
},
picData : [
{
pic : 'images/b_1.jpg', //图片
smallPic : 'images/s_1.jpg', //缩略图
title : '赛车游戏',
intro : '济南军区某炮兵团着眼新时期官兵特点,与时俱进地改建营院文化设施,不断满足新时期官兵文化娱乐生活的需要。瞧,假日里官兵们在室内娱乐场所玩的多开心!中国军网 仇成梁摄',
commUrl : '#',
url : '#'
}, {
pic : 'images/b_2.jpg', //图片
smallPic : 'images/s_2.jpg', //缩略图
title : '解放军士兵玩赛车游戏',
intro : '济南军区某炮兵团着眼新时期官兵特点,与时俱进地改建营院文化设施,不断满足新时期官兵文化娱乐生活的需要。瞧,假日里官兵们在室内娱乐场所玩的多开心!中国军网 仇成梁摄',
commUrl : '#',
url : '#'
}, {
pic : 'images/b_3.jpg', //图片
smallPic : 'images/s_3.jpg', //缩略图
title : '士兵们玩投球游戏',
intro : '济南军区某炮兵团着眼新时期官兵特点,与时俱进地改建营院文化设施,不断满足新时期官兵文化娱乐生活的需要。瞧,假日里官兵们在室内娱乐场所玩的多开心!中国军网 仇成梁摄',
commUrl : '#',
url : '#'
}, {
pic : 'images/b_4.jpg', //图片
smallPic : 'images/s_4.jpg', //缩略图
title : '投球游戏',
intro : '济南军区某炮兵团着眼新时期官兵特点,与时俱进地改建营院文化设施,不断满足新时期官兵文化娱乐生活的需要。瞧,假日里官兵们在室内娱乐场所玩的多开心!中国军网 仇成梁摄',
commUrl : '#',
url : '#'
} ]
};
function echoFocus(){
try{
//头部标题
document.getElementById("TitleBox_01").innerHTML = dataInfo.title;
var newHref;
//图片文字信息载入
for(var i=0;i<dataInfo.picData.length;i++){
//储存信息至epidiascope.filmstrips
epidiascope.add({
src : dataInfo.picData[i].pic,
lowsrc : dataInfo.picData[i].smallPic,
title : dataInfo.picData[i].title,
link : dataInfo.picData[i].url,
text : dataInfo.picData[i].intro,
comment : dataInfo.picData[i].commUrl
});
};
epidiascope.set.speedBar = false;//是否启用cookie记录速度条
epidiascope.set.style = false; //是否启用cookie记录样式
epidiascope.autoPlay = false;//是否播放
epidiascope.initialize();//初始化
}catch(e){
errorFocus("载入错误!");
};
};
function errorFocus(str){//错误
document.getElementById("TitleBox_01").innerHTML = str;
document.getElementById("BigPic").innerHTML = '<img src="images/err02.gif" alt="' + str + '" />';
};
function fullFlash(){
var pic = "",txt = "";
for(var i=0;i<dataInfo.picData.length;i++){
if(pic != ""){pic += "|"};
pic += encodeURIComponent(dataInfo.picData[i].pic);
if(txt != ""){txt += "|"};
txt += encodeURIComponent(dataInfo.picData[i].title) + "# " + encodeURIComponent(dataInfo.picData[i].intro);
}; //return;
var fullScreen = new sinaFlash("js/loop_3.19_8.swf", "fullScreenObj", "100%", "100%", "8", "#000000");
fullScreen.addParam("quality", "best");
fullScreen.addParam("wmode", "transparent");
fullScreen.addParam("allowFullScreen", "true");
fullScreen.addVariable("mylinkpic", pic); //此处添加组图标题
fullScreen.addVariable("infotxt",dataInfo.title);
//此处添加图片文字标题,导语,分别用“|”,“#”分割
fullScreen.addVariable("mytxt",txt);
fullScreen.addVariable("fulls_btnx","0");
fullScreen.addVariable("fulls_btny","0");
fullScreen.addVariable("fulls_btnalpha","0")
fullScreen.write("fullScreenFlash");
//禁用js全屏
epidiascope.fullScreen.unset();
};
function astojs(name) {
if(name.split("|")[1]==undefined){
//第几张图片,图片的速度,用"|"分割
epidiascope.stop();
return epidiascope.selectedIndex + "|" + epidiascope.speedBar.grade;
}else{
name = new String(name);
var status = name.split("|");
epidiascope.speedBar.grade=status[1];
epidiascope.speedBar.initialize();
};
};
function talkjs(name){
name = new String(name);
var status = name.split("|");
status[0] = parseInt(status[0]);
epidiascope.select(status[0],status[1]=="1"?'':'auto');
};//执行
echoFocus();//--><!]]>
</SCRIPT><br>
<div>代码整理:<a href="http://www.lycode.com" target="_blank">代码裤</a> 来源:新浪<br>
*尊重他人劳动成果,转载请自觉注明出处!注:此代码仅供学习交流,请勿用于商业用途。
</div>
</BODY>
</HTML>