我将默认演示版本上传到我的网站,将所有图片链接到 google.com。除了添加链接之外,我没有对原始代码进行任何更改。我假设您已经尝试过,但我看不出问题可能是什么。通常这些问题与脚本和样式表的路径有关,但这些看起来很简单。至少有一个可行的例子可供参考。我正在使用的代码如下。
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8" />
<title>Lean Slider Demo</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script src="scripts/modernizr-2.6.1.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="../lean-slider.js"></script>
<link rel="stylesheet" href="../lean-slider.css" type="text/css" />
<link rel="stylesheet" href="sample-styles.css" type="text/css" />
</head>
<body>
<div class="slider-wrapper">
<div id="slider">
<div class="slide1">
<a href="http://google.com" target="blank"></><img src="images/1.jpg" alt="" /></a>
</div>
<div class="slide2">
<a href="http://google.com" target="blank"><img src="images/2.jpg" alt="" /></a>
</div>
<div class="slide3">
<a href="http://google.com" target="blank"><img src="images/3.jpg" alt="" /></a>
</div>
<div class="slide4">
<a href="http://google.com" target="blank"><img src="images/4.jpg" alt="" /></a>
</div>
</div>
<div id="slider-direction-nav"></div>
<div id="slider-control-nav"></div>
</div>
<script type="text/javascript">
$(document).ready(function() {
var slider = $('#slider').leanSlider({
directionNav: '#slider-direction-nav',
controlNav: '#slider-control-nav'
});
});
</script>
</body>
</html>