gen*_*ion 11 jquery jcarousel twitter-bootstrap
不知道插件为什么会这样表现,但每当我用carousel插件刷新页面时,包含的div是空白的5秒钟,然后旋转木马将开始正常运行 - 滑过.
我创建了一个精简版,只是为了看看是否有其他事情妨碍了事情的发展.这就是我所拥有的:
<html>
<head>
<link rel="stylesheet" href="bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="css/carousel.css" type="text/css">
<script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="scripts/bootstrap-transition.js"></script>
<script type="text/javascript" src="scripts/bootstrap-carousel.js"></script>
<script type="text/javascript">
$(function() {
$('#myJumbotron').carousel();
});
</script>
</head>
<body>
<!-- JUMBOTRON
===================================================================== -->
<div class="container">
<div class="row">
<section class="span16">
<div id="myJumbotron" class="carousel">
<div class="carousel-inner">
<div class="item">
<img src="images/jumbotron.jpg" alt="Featured specials" />
</div>
<div class="item">
<img src="http://placehold.it/940x380" alt="Featured specials" />
</div>
<div class="item">
<img src="images/jumbotron.jpg" alt="Featured specials" />
</div>
</div>
<a class="left carousel-control" href="#myJumbotron" data-slide="prev">‹</a>
<a class="right carousel-control" href="#myJumbotron" data-slide="next">›</a>
</div>
</section>
</div>
</div>
</body>
</html>
我使用SimpLESS工具仅将carousel.less文件编译为其自己的carousel.css文件,并且bootstrap.min.css也未经修改.
你可以看到这里发生了什么:furnitureroadshow.com.任何有关这方面的帮助将非常感激.
Ale*_*exC 31
在html中添加第一个项目"active",现在等待1个周期.
EX:
<div class="item active">
<img src="images/jumbotron.jpg" alt="Featured specials" />
</div>
<div class="item">
<img src="http://placehold.it/940x380" alt="Featured specials" />
</div>
......