网站首页轮播图不动,点击下方按钮也不换图片

rongxiandong 2018-02-28 05:20:42
{if $catInfo.ChannelID==0 or $catInfo.ChannelID==5}
<!-- 轮播 -->
<div class="ilankpic" id="banner">
<div class="bd" id="banner_list">
{foreach item=loops from=$banner key=key}
<a href="{$loops.Url}" target="_blank"><img src="{if $loops.Attach}{$fpath}{$loops.Attach}{else}img/1.jpg{/if}" alt=""></a>
{/foreach}
</div>
<ul class="hd">
{foreach item=loops from=$banner key=key}
<li{if $key==0} class="on"{/if}>{$key}</li>
{/foreach}
</ul>
</div>
{literal}<script type="text/javascript">
var t = n =0, count;
$(document).ready(function(){
count=$("#banner_list a").length;
$("#banner_list a:not(:first-child)").hide();
$("#banner li").click(function() {
var i = $(this).text() -1;//获取Li元素内的值,即1,2,3,4
n = i
if (i >= count) return;
$("#banner_list a").filter(":visible").fadeOut(500).parent().children().eq(i).fadeIn(1000);
document.getElementById("banner").style.background="";
$(this).toggleClass("on");
$(this).siblings().removeAttr("class");
});
t = setInterval("showAuto()", 4000);
$("#banner").hover(function(){clearInterval(t)}, function(){t = setInterval("showAuto()", 4000);});
})
function showAuto()
{
n = n >=(count -1) ?0 : ++n;
$("#banner li").eq(n).trigger('click');
}
</script>{/literal}
{/if}

...全文
1337 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
学习a123456 2018-05-14
  • 打赏
  • 举报
回复
现在仍然不切换。。。应该是差一个JS文件吧
rongxiandong 2018-02-28
  • 打赏
  • 举报
回复
网址www.pnzays.com 求大神们帮我看看是哪里不对
rongxiandong 2018-02-28
  • 打赏
  • 举报
回复
我可以提供所有源代码
利用javascript能实现常见的动态的网页轮播图效果,如下图1所示: 图1 实现该轮播图有以下几个要点: (1)在左右两侧各有一个箭头,分别指的是向左和向右切换,即点击相应的位置就会切换到该图片之前(或之后)的一张图片 (2)在图片下方有一排圆形按钮,每个按钮有各自的单击事件,点击任意一个按钮就切换到对应的图片 (3)不点击图片时,图片会自动播放,即有一个图片轮播效果 首先可以写出大概的HTML代码为代码1: 代码1:

21,886

社区成员

发帖
与我相关
我的任务
社区描述
从PHP安装配置,PHP入门,PHP基础到PHP应用
社区管理员
  • 基础编程社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧