jQuery轨道插件
我用的这个滑块有点奇怪,叫做轨道。我在这里和谷歌搜索过,但似乎没有人能找到我的问题 我已经设置了#特色元素的宽度和高度,但有时特色元素似乎完全自行塌陷,尽管元素中包含内容(即图像)。当我偶尔说,我的意思是,前一分钟它会工作得很好,下一分钟它完全崩溃了,只留下导航箭头 我曾经尝试过用CSS来解决这个问题,但都没用。所以我来找你们,还有你们敏锐的眼睛。我是错过了一些完全愚蠢的事情还是更严重的事情 环绕环绕Css 动态观察HTMLjQuery轨道插件,jquery,html,css,Jquery,Html,Css,我用的这个滑块有点奇怪,叫做轨道。我在这里和谷歌搜索过,但似乎没有人能找到我的问题 我已经设置了#特色元素的宽度和高度,但有时特色元素似乎完全自行塌陷,尽管元素中包含内容(即图像)。当我偶尔说,我的意思是,前一分钟它会工作得很好,下一分钟它完全崩溃了,只留下导航箭头 我曾经尝试过用CSS来解决这个问题,但都没用。所以我来找你们,还有你们敏锐的眼睛。我是错过了一些完全愚蠢的事情还是更严重的事情 环绕环绕Css 动态观察HTML 这是轨道滑块的原始站点位置,因此您可以看到我构建的是什么您是否尝试
这是轨道滑块的原始站点位置,因此您可以看到我构建的是什么您是否尝试将
最小高度
或最小宽度
添加到#功能
元素中?我在编辑源脚本文件时也尝试过。更改高度比。还是不走运。我已经转移到另一个插件,我正在努力。
/* orbit id and slider size */
#featured {
width: 720px;
height: 380px;
overflow: hidden;
background-color: #000;
background-image: url(../assets/orbit/loading.gif);
background-repeat: no-repeat;
background-position: center center;
}
#featured>img,
#featured>div,
#featured>a { display: none; }
/* CONTAINER */
div.orbit-wrapper {
width: 1px;
height: 1px;
position: relative; }
div.orbit {
width: 1px;
height: 1px;
position: relative;
overflow: hidden }
div.orbit>img {
position: absolute;
top: 0;
left: 0;
display: none; }
div.orbit>a {
border: none;
position: absolute;
top: 0;
left: 0;
line-height: 0;
display: none; }
.orbit>div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
/* Note: If your slider only uses content or anchors, you're
going to want to put the width and height declarations on
the ".orbit>div" and "div.orbit>a" tags in addition to just
the .orbit-wrapper */
<!-- ꜜꜜ orbit gallery ꜜꜜ -->
<div id="featured">
<img src="assets/img/g-backing.jpg" />
<img src="assets/img/scandal- (1).jpg" />
<img src="assets/img/scandal- (2).jpg" />
<img src="assets/img/scandal- (3).jpg" />
<img src="assets/img/scandal- (4).jpg" />
</div>