87,907
社区成员
发帖
与我相关
我的任务
分享js幻灯片问题，急求各位大神帮助
这是在网上找的js幻灯片代码，求各位大神帮我加个上一张下一张的按钮效果
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<base href="http://www.17sucai.com/preview/2236/2013-06-20/flash_1/" />< <link rel="stylesheet" type="text/css" href="css/index.css" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
</head>
<body>
<div id="slider" class="banner">
<a style="cursor:auto"target="_blank"><img src="img/1.jpg" /></a>
<a style="cursor:auto" target="_blank"><img src="img/2.jpg" /></a>
<a style="cursor:auto" target="_blank"><img src="img/3.jpg" /></a>
<a style="cursor:auto"target="_blank"><img src="img/4.jpg" /></a>
</div>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
</body>
</html>
...全文
请发表友善的回复…
发表回复
baidu_33678160 2016-01-13
- 打赏
- 举报
谢谢版主
Go 旅城通票 2016-01-13
- 打赏
- 举报
这个已经是压缩过的了，没有办法在精简了。代码确实不兼容高版本jquery，live方法没有了，attr更改过，没有title返回null，不是空字符
你要兼容高版本的，要改下面的
搜索.live，改为.bind
搜索y.currentImage.attr("title")，改为y.currentImage.attr("title")||''
高低版本的jquery都可以了
baidu_33678160 2016-01-13
- 打赏
- 举报
版主你好，真是非常感谢，您说得很详细也很容易懂，按照您的方法修改成功了。版主，我找的这个js代码用于这个幻灯片能不能再精简一下？我看他代码太多了。还有就是不支持jq更高版本啊，您看能不能帮我改一下
Go 旅城通票 2016-01-13
- 打赏
- 举报
插件有这个，不过没加上文字，没有显示出来，自己修改源代码
找到下面这句
d.append('<div class="nivo-directionNav"><a class="nivo-prevNav"></a><a class="nivo-nextNav"></a></div>');
===》
d.append('<div class="nivo-directionNav"><a class="nivo-prevNav">上一张</a><a class="nivo-nextNav">下一张</a></div>');
如果你要直接显示上下一张，配置directionNavHide:false，否则鼠标移动上去后才会显示出来
$('#slider').nivoSlider({directionNavHide:false});
注意你增加中文后，如果你页面编码不为gb2312，utf-8的，要给js增加charset，要不乱码
<script type="text/javascript" src="jquery.nivo.slider.pack.js" charset="gb2312"></script>
