2
我有一点点滑坑道jquery.cycle http://jquery.malsup.com/cycle/jquery.cycle和touchslider.js一起工作?
工作,但我想在iPhone或iPad上滑动触摸工作太,所以我试图用这个脚本。 http://www.zackgrossbart.com/hackito/touchslider/
,但我不能让工作的脚本在一起,只有那些工作 这里的一个剧本,我有
<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<!--jquery cycle-->
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="jquery.cycle.all.2.72.js"></script>
<!-- -->
<!--touchslider-->
<script type="text/javascript" src="touchslider.js"></script>
<link type="text/css" rel="stylesheet" href="touchslider.css" />
<!-- -->
<script type="text/javascript">
$(document).ready(function() {
var $container = $('#slidebar').cycle({
fx: 'fade',
speed: 300,
timeout: 0,
pager: '#nav',
pagerAnchorBuilder: function(idx, slide) {
// return selector string for existing anchor
return '#nav li:eq(' + idx + ') a';
}
});
touchslider.createSlidePanel('#slidebar', 400, 0);
});
</script>
</head>
<body>
<div id="slidecont" >
<div id="slidebar">
<div class="cell" id="maintitle"><img src="1.jpg" width="400" height="600" /></div>
<div class="cell"><img src="2.jpg" width="400" height="600" /></div>
<div class="cell"><img src="3.jpg" width="400" height="600" /></div>
<div class="cell"><img src="4.jpg" width="400" height="600" /></div>
</div>
</div>
<ul id="nav">
<li><a href="">foto1</a></li>
<li><a href="">foto2</a></li>
<li><a href="">foto3</a></li>
<li><a href="">foto4</a></li>
</ul>
<div id="output"></div>
</body>
</html>
任何想法,使这些脚本一起工作? 在此先感谢!