后台:protected int PicBind()
{
string sql = "select * from PictureInfo where Art_Id=0";
dt = dl.GetDataSet(sql, "PictureInfo");
dlmianpic.DataSource = dt;
dlmianpic.DataBind();
Picnum = dt.Rows.Count;
return Picnum;
}前台:<div id="mainpic">
<div id="oTransContainer" style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, motion='forward'); WIDTH: 668px; HEIGHT: 420px">
<asp:dataList ID="dlmianpic" runat="server">
<ItemTemplate>
<a target="_blank"><img id='oDIV<%# Container.ItemIndex+1 %>' alt='<%# DataBinder.Eval(Container.DataItem, "pic_Alt") %>' style="display:block;" height="420px" src='UpLoads/<%# DataBinder.Eval(Container.DataItem, "pic_Address") %>' title='<%# DataBinder.Eval(Container.DataItem, "pic_Title") %>' width="668px" /></a>
</ItemTemplate>
</asp:dataList>
</div>
</div>前台JS代码: var bro = $.browser;
if (bro.msie) {
var NowFrame = 1;
var MaxFrame = <%=PicBind() %>;
var bStart = 0;
function fnToggle() {
var next = NowFrame + 1;
if (next == MaxFrame + 1) {
NowFrame = MaxFrame;
next = 1;
}
if (bStart == 0) {
bStart = 1; setTimeout('fnToggle()', 2000);
return;
}
else {
oTransContainer.filters[0].Apply();
document.images['oDIV' + next].style.display = "";
document.images['oDIV' + NowFrame].style.display = "none";
oTransContainer.filters[0].Play(duration = 2);
if (NowFrame == MaxFrame)
NowFrame = 1;
else
NowFrame++;
} setTimeout('fnToggle()', 6000);
}
fnToggle();
}
else {
$('#numlist a').hover(function() {
var $index = $('#numlist a').index(this);
showIndex($index);
}) $('#mainpic').hover(function() {
if (timer) { clearInterval(timer); }
}, function() {
timer = setInterval(function() {
showIndex(index)
index++;
if (index == <%=PicBind() %>) { index = 0; }
}, 2000);
}); var index = 0;
var timer = setInterval(function() {
showIndex(index)
index++;
if (index == <%=PicBind() %>) { index = 0; }
}, 2000); function showIndex(i) {
$('#numlist a').eq(i).addClass('select').siblings('a').removeClass('select');
$('#oTransContainer a').eq(i).fadeIn(500).siblings('a').fadeOut(200);
}
}在谷歌中提示:<div id="content"> <div id="mainpic"> <div id="oTransContainer" style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, motion='forward'); WIDTH: 668px; HEIGHT: 420px"> </div> </div>
在IE中才正常,但点击任何按钮还是一样出错!
{
string sql = "select * from PictureInfo where Art_Id=0";
dt = dl.GetDataSet(sql, "PictureInfo");
dlmianpic.DataSource = dt;
dlmianpic.DataBind();
Picnum = dt.Rows.Count;
return Picnum;
}前台:<div id="mainpic">
<div id="oTransContainer" style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, motion='forward'); WIDTH: 668px; HEIGHT: 420px">
<asp:dataList ID="dlmianpic" runat="server">
<ItemTemplate>
<a target="_blank"><img id='oDIV<%# Container.ItemIndex+1 %>' alt='<%# DataBinder.Eval(Container.DataItem, "pic_Alt") %>' style="display:block;" height="420px" src='UpLoads/<%# DataBinder.Eval(Container.DataItem, "pic_Address") %>' title='<%# DataBinder.Eval(Container.DataItem, "pic_Title") %>' width="668px" /></a>
</ItemTemplate>
</asp:dataList>
</div>
</div>前台JS代码: var bro = $.browser;
if (bro.msie) {
var NowFrame = 1;
var MaxFrame = <%=PicBind() %>;
var bStart = 0;
function fnToggle() {
var next = NowFrame + 1;
if (next == MaxFrame + 1) {
NowFrame = MaxFrame;
next = 1;
}
if (bStart == 0) {
bStart = 1; setTimeout('fnToggle()', 2000);
return;
}
else {
oTransContainer.filters[0].Apply();
document.images['oDIV' + next].style.display = "";
document.images['oDIV' + NowFrame].style.display = "none";
oTransContainer.filters[0].Play(duration = 2);
if (NowFrame == MaxFrame)
NowFrame = 1;
else
NowFrame++;
} setTimeout('fnToggle()', 6000);
}
fnToggle();
}
else {
$('#numlist a').hover(function() {
var $index = $('#numlist a').index(this);
showIndex($index);
}) $('#mainpic').hover(function() {
if (timer) { clearInterval(timer); }
}, function() {
timer = setInterval(function() {
showIndex(index)
index++;
if (index == <%=PicBind() %>) { index = 0; }
}, 2000);
}); var index = 0;
var timer = setInterval(function() {
showIndex(index)
index++;
if (index == <%=PicBind() %>) { index = 0; }
}, 2000); function showIndex(i) {
$('#numlist a').eq(i).addClass('select').siblings('a').removeClass('select');
$('#oTransContainer a').eq(i).fadeIn(500).siblings('a').fadeOut(200);
}
}在谷歌中提示:<div id="content"> <div id="mainpic"> <div id="oTransContainer" style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, motion='forward'); WIDTH: 668px; HEIGHT: 420px"> </div> </div>
在IE中才正常,但点击任何按钮还是一样出错!
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货