Cylcle2没有循环寻呼机出现 [英] Cylcle2 no cycle-pager shows up
本文介绍了Cylcle2没有循环寻呼机出现的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在尝试为图片自动滑动的网站制作幻灯片（可以工作），并且应该在下面点击圆形按钮。但按钮不显示，即使您按照 http：// jquery.malsup.com/cycle2/demo/pager.php
我的HTML：
< div class =cycle-slideshowdata-cycle-fx =scrollHorzdata-cycle-timeout =5000data-cycle-pager =。cycle-pager> ;
< img src =http://jquery.malsup.com/cycle2/images/beach1.jpg>
< img src =http://jquery.malsup.com/cycle2/images/beach2.jpg>
< img src =http://jquery.malsup.com/cycle2/images/beach9.jpg>
< / div>
< div class =cycle-pager>< / div>
我的CSS：
.cycle-pager {
text-align：center;
宽度：100％;
z-index：500;
位置：绝对;
top：10px; *
overflow：hidden;
}
.cycle-pager span {
font-family：arial;
font-size：50px;
width：16px;
height：16px;
display：inline-block;
颜色：＃999999;
光标：指针;
}
.cycle-pager span.cycle-pager-active {color：＃D69746;}
.cycle-pager> * {cursor：pointer;}
.cycle-pager {
width：500px;
height：30px;
margin-top：517px;
}
和我的JavaScript：
（function（）{
window.onload = function（）{// main
$ .getScript（/ js / cycle2.js，null ）; //处理幻灯片
$ .getScript（http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js，null）;
}
}）（）;
解决方案
这个问题导致doctype使用 <！doctype html>
I'm trying to make a slideshow for a website where the pictures slides automaticly (which works), and there should be round buttons to click below it. But the buttons doesn't show up, even thou I have follow the instructions from http://jquery.malsup.com/cycle2/demo/pager.php
my HTML:
<div class ="cycle-slideshow" data-cycle-fx="scrollHorz" data-cycle-timeout="5000" data-cycle-pager=".cycle-pager">
<img src="http://jquery.malsup.com/cycle2/images/beach1.jpg">
<img src="http://jquery.malsup.com/cycle2/images/beach2.jpg">
<img src="http://jquery.malsup.com/cycle2/images/beach9.jpg">
</div>
<div class="cycle-pager"></div>
My CSS:
.cycle-pager {
text-align: center;
width: 100%;
z-index: 500;
position: absolute;
top: 10px;*
overflow: hidden;
}
.cycle-pager span {
font-family: arial;
font-size: 50px;
width: 16px;
height: 16px;
display: inline-block;
color: #999999;
cursor: pointer;
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}
.cycle-pager{
width: 500px;
height: 30px;
margin-top: 517px;
}
and my JavaScript:
(function(){
window.onload = function(){ //main
$.getScript("/js/cycle2.js", null); //Handles the slideshow
$.getScript("http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js", null);
}
})();
解决方案
This problem causes doctype Use <!doctype html>
这篇关于Cylcle2没有循环寻呼机出现的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
