个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
28
4
我正在尝试制作一个简单的网站来学习 Twitter Bootstrap 和 SlideJS。下面的代码是我到目前为止所拥有的。我目前有两个问题。首先是即使我将交换设置为 false，它仍然会在 slider 底部显示 PlayStop。我的第二个问题是，无论我每次将某些东西放入带有类容器(twitter Bootstrap 类)的 div 中时，无论我做什么，我都无法调整容器内任何东西的宽度，它们都只占容器的整个宽度。
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.slides.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/custom.css">
<style type="text/css">
#slides{
display: none;
}
</style>
<script type="text/javascript">
$(function(){
$("#slides").slidesjs({
width: 700,
height: 393,
navigation: {active: false, effect: "fade"},
pagination: {active: false},
play: {
active: true,
effect: "fade",
interval: 4500,
auto: true,
swap: false,
pauseOnHover: true,
restartDelay: 2500
}
});
});
</script>
</head>
<body>
<div class="container">
<div id="slides">
<img src="imgs/alfa1.jpg" width="600" height="400"/>
<img src="imgs/alfa2.jpg" width="600" height="400"/>
<img src="imgs/alfa3.jpg" width="600" height="400"/>
<img src="imgs/alfa4.jpg" width="600" height="400"/>
<img src="imgs/alfa5.jpg" width="600" height="400"/>
<img src="imgs/alfa6.jpg" width="600" height="400"/>
</div>
</div>
</body>
</html>
截图如下:
最佳答案
swap 的作用是显示 play OR stop 而不是 play AND stop。如果要禁用菜单，请设置 play : { active: false };
我不确定您所说的调整子宽度是什么意思？我已经在 jsfiddle 上做了一个工作示例(它有助于将来在像 jsfiddle 这样的沙箱中提出你的问题)。如果你能澄清这个问题，我很乐意提供帮助。
关于javascript - SlideJS 的宽度和交换不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22740308/
28
4
0
我在不同的 jQuery 选项卡中有许多 jQuery SlidesJS。效果很好。我现在的问题是，当我用 slide2 单击 tab2 时，我将用 slide1 返回到 tab1 ，我想在 1 处重
我正在尝试制作一个简单的网站来学习 Twitter Bootstrap 和 SlideJS。下面的代码是我到目前为止所拥有的。我目前有两个问题。首先是即使我将交换设置为 false，它仍然会在 sli
我试图让 SlideJS 全屏工作失败了......无论我做什么，它周围似乎都有空白，而且它永远不适合。 我需要像 SlideJS 的 slider 一样的完整背景，以便背景每 5 秒滑动到下一页/幻
我在我的网站上使用 SlidesJS (http://slidesjs.com/) 作为 JavaScript 图像 slider 。我怎样才能改变 CSS 或 JavaScript 以允许图像显示在
我正在使用 slidejs并试图弄清楚如何将 slidejs 标题定位在图像下方。我不知道该怎么做。我在 css 文件的试错模式下没有运气。下面是我的 CSS。 /* Caption *
我正在构建一个网页，该网页使用slidejs图像 slider 来显示一系列图像。 当我从 Firefox 和 Safari 运行页面时，页面看起来应有的样子。然而，当我在 MSIE 9 中运行相同的
我需要使用 SlideJS library 创建一个简单的播放/暂停按钮。我尝试遵循文档，使用一个基本示例，我得到了这样的结果: HTML 代码: play
我正在努力让 SlideJS 运行，并且对演示和行为的某些方面进行了排序。 我尚未做到的一件事是让它自动滑动或从一张幻灯片过渡到下一张幻灯片。 报告错误的代码是 SlideJS 主插件文件中的第 67
我是一名优秀的程序员,十分优秀！