今天做一个图片轮播,在网上找了各种插件,各种bug,还由于是插件不知道怎么改……
说多了都是泪。
所以最后用了Bootstrap的方法,也是在网上找到的教程:我看的那本Bootstrap里没有这段,估计是版本不一样。话说这个实例写的图片好丑好丑好丑!但是,方法全。
首先还是放我自己的例子
<doctype HTML>
<html>
<head>
<title>hehe</title>
<link href="bootstrap.css" rel="stylesheet" />
<script src="jquery-2.0.3.min.js"></script>
<script src="bootstrap.min.js"></script>
</head>
<body style="width:900px; margin-left:auto; margin-right:auto;">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<!-- <ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
-->
<!-- Wrapper f