个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我已经尝试了所有可能的方法来让 cycle2 寻呼机正常工作，但我尝试过的任何方法都没有任何效果。我已经复制并粘贴了演示页面中的示例，并将代码包含在此处 - 它非常小。 cycle.css 文件是演示中 CSS 文件的精确副本，没有任何修改。
有什么症状？寻呼机以位于页面左侧的非常小的黑色子弹形式出现。我在期待什么？较大的彩色元素符号居中放置，如演示中所示。
我到处搜索其他帖子，但没有找到答案。谁能帮忙。如果你想看看我看到的，那么这里是 url: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;}
最佳答案
Nikhil 的回答对我没有用，但它让我更深入地研究 CSS 并尝试更多的东西。
我的问题是寻呼机根本没有显示 -> 它就像隐藏在图像下面一样。
最后我将 overflow: hidden 设置为 overflow: visible 并且它像宣传的那样工作。
关于jQuery cycle2 寻呼机不工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20118366/
24
4
0
我需要能够垂直翻转一组图像。我看过使用 ViewPager，但它似乎只支持水平分页。 我也查看了 Gallery，但我也没有看到垂直分页的方法。无论如何，它已被弃用，取而代之的是 Horizont
我正在使用寻呼机中内置的 View ，并且希望有一个“显示全部”选项。即显示全部 第 2 页，共 10 页。 实现这一目标的最佳方法是什么？ 史蒂夫 最佳答案 史蒂文，您可以克隆您的实际显示，然后在
当我使用 vim 编辑 Markdown 文件时，我有很好的语法着色(通过 vim-markdown 和 vim-markdown-preview 插件)。 当我使用 less(寻呼机)查看文件时，我
在我的 Android 应用程序中，我已经能够在一段时间后自动滚动查看寻呼机。我找不到显示滚动发生前剩余时间的寻呼机指示器。 我在下面附上了一个网站的屏幕截图，以了解我想要实现的目标。 如果您可以共享
当您编写的每个代码都立即运行并且您未按时完成计划时，您是否知道这种感觉:-P 就像'哦，是的，现在我有时间让它变得完美'。这就是我现在的位置^^ 所以我用 JSF (ui:repeat) 实现了一个转
我在 Android 应用程序中有一个项目列表，我希望每个项目都在一个页面上。问题是每个项目都设置了一个带有 imageview 的布局，它从一个唯一的 url 下载它的图像。这有可能实现吗？如何实现
我想同步两个 View 寻呼机之间的触摸事件。我已经试过了，但没有发现任何效果。 viewPager.setOnTouchListener(new View.OnTouchListener() {
我必须构建具有无限自动滚动功能的 View 寻呼机。我还需要在 View 寻呼机下方显示一个页面指示器，它应该根据滚动事件做出响应。目前我已经为无限自动滚动应用了以下逻辑: public void s
我正在尝试按照一些教程使用 View 寻呼机创建一个自动图像 slider 。我让一切正常，但后来我看到了 编舞:跳过 1 帧!应用程序可能在其主线程上做了太多工作。 并搜索了错误。` 你看，在我的代
如何从viewpager的第0个index跳转到view pager的最后一个index？那就是如何让view pager循环呢？如果用户向左滑动，我想跳转到最后一个索引；如果用户向右滑动，我想从最后
我在一个 iOS 应用程序上工作，它从服务器获取视频和图像，每个对象都有很多图像和视频，我需要在 slider (寻呼机)中显示这些图像和视频，用户可以在其中滑动以获取下一个，并且我需要将这些视频和图
我们目前正在使用 VS 2008 C# 开发 Windows 窗体应用程序。此应用程序用于阅读长(200 - 300 页)的法律文件，它处理大约 30 - 40 个文档。应用程序在文档文本中搜索，在文
我正在开发一个项目，其中我在一个屏幕上使用 View Pager，如下所示: 但是你可以在那里看到，有一个上层布局，其中列出了根据显示的页面选择的年份。当我们滑动 View 寻呼机时，年份也会根据显示
我需要在带有图像的 View 寻呼机文件中获取页面指示器。这是我的代码。 public class IndicatorActivity extends Activity { /** Called w
有没有办法用代表每张幻灯片的单词替换寻呼机中 slider 的圆圈(就像可单击的菜单，滑动其下方的内容)？选项在这里http://bxslider.com/options但不确定哪一个可以实现这一目标
ViewPager 叠加在 fab 之上。如何将 fab 放在首位？ xml: 或者也许这不是原因？当我在上面时，只是没有按下按钮，但选项卡被翻转。 最佳答案 Coordinat
我正在尝试实现一个垂直可滑动的ViewPager，它有一堆卡片，就像外观一样。 我能够使用 ViewPager.PageTransformer 并交换触摸点来实现 VerticalViewPager。
我无法以编程方式创建和添加 View 寻呼机。 我找到了这个问题Android create ViewPager programmatically但接受的答案对我不起作用。 相关代码如下。
我有一个 View 寻呼机，其中每个页面都是一个自定义 View ( ... 而不是 Fragment )，我正在使用 LayoutInflator 进行扩充。 .每个自定义 View 都有一个 Im
我已经使用 jQuery 设置了一个动画 slider : jsFiddle 演示:http://jsfiddle.net/neal_fletcher/9zRDV/ 原因是我想在幻灯片上实现轻微的悬垂
我是一名优秀的程序员,十分优秀！