我试过一切可以得到的cycle2寻呼机工作,但没有任何我试过有所作为。我已经复制并粘贴了演示页面中的示例,并在此处包含代码 - 它非常小。 cycle.css文件是演示中CSS文件的精确副本,无需任何修改。jQuery的cycle2寻呼机不工作
这是什么症状?该寻呼机出现在位于页面左侧的非常小的黑色子弹中。我期待什么?像演示中那样放置更大的彩色子弹。
我搜索了其他职位的高和低,但还没有找到答案。任何人都可以请帮忙。如果你想看到我所看到的那么这里的网址:http://school4kids.org/test-cycle2.asp
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- Stylesheets -->
<link rel=stylesheet href="http://fonts.googleapis.com/css?family=Acme">
<link rel=stylesheet href="http://www.malsup.com/jquery/cycle2/site.css">
<link rel=stylesheet href="http://www.malsup.com/jquery/cycle2/demo/demo-slideshow.css">
<!-- Javascripts -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://malsup.github.com/jquery.cycle2.js"></script>
</head>
<body>
<br><br>
<div class="example-pager"></div>
<div class="cycle-slideshow"
data-cycle-fx=scrollHorz
data-cycle-timeout=2000
data-cycle-pager=".example-pager"
>
<!-- empty element for pager links -->
<div class="cycle-pager"></div>
<img src="http://jquery.malsup.com/cycle2/images/p1.jpg">
<img src="http://jquery.malsup.com/cycle2/images/p2.jpg">
<img src="http://jquery.malsup.com/cycle2/images/p3.jpg">
<img src="http://jquery.malsup.com/cycle2/images/p4.jpg">
</div>
<div class="example-pager"></div>
<br><br>
</body>
</html>
附加信息 更多的探索,我意识到有什么东西在的site.css之后在做一些魔术,没有这个文件的东西没有工作。我把它剥离到最低限度(我不想要它,因为它提示我自己的造型),并发现需要将子弹放在正确位置的零件。将此与以前的解决方案相结合,然后一切正常。我现在不包括任何样式文件从演示,并创造了自己的CSS文件刚刚包含以下内容:
.cycle-pager { display: block; }
.example-pager { text-align: center; width: 100%; z-index: 500; top: 10px; overflow: hidden; font-family: Arial; font-size: 14px; line-height: 18px; color: #333; }
.example-pager span { font-size: 50px; width: 16px; height: 16px; display: inline-block; color: #ddd; }
.example-pager span.cycle-pager-active { color: #D69746;}
.exmaple-pager > * { cursor: pointer;}
我一直在玩这个。现在你会看到我与实际的演示CSS链接。如果你愿意,你可以按照代码中的链接来检索CSS文件。正如我所说,这是官方的CSS文件。 – Richard