bootstrap carousel strange behaviour with first slide being blank and 2 clicks to activate nav -
i using bootstrap demo there website.
but when using mark up, blank slide appears first. there mark taken source , cannot find wrong it. put source fiddle , same thing happens.
how can happening why mark identical demo.
please see fiddle experience problem. http://jsfiddle.net/avbuy/3/
this mark up...
<div id="mycarousel" class="carousel slide"> <div class="carousel-inner"> <div class="item" style="background-image: url('riders-carousel-011.jpg');"> <img src="wp/wp-content/themes/riders-experience/images/x.gif" alt="" /> <div class="container"> <div class="carousel-caption"> <h1>riders health</h1> <p class="lead">riders experience africa more holiday… unique chance see work of riders health , learn how motorcycles helping…</p> <a class="btn btn-large btn" href="riders-for-health/">veiw more information</a> </div> </div> </div> <div class="item" style="background-image: url('riders-carousel-02.jpg');"> <img src="wp/wp-content/themes/riders-experience/images/x.gif" alt="" /> <div class="container"> <div class="carousel-caption"> <h1>rider check list</h1> <p class="lead">motorcycle helmet full face or open face. motocross or enduro style helmet better choice. these designed off-road use , have particular…</p> <a class="btn btn-large btn" href="rider-check-list/">veiw more information</a> </div> </div> </div> </div> <a class="carousel-control left" href="#mycarousel" data-slide="prev">‹</a> <a class="carousel-control right" href="#mycarousel" data-slide="next">›</a> </div>
help great i'm going little mad. i've done demo shows (i hope)
thanks
i think have initialize first $('..').carousel()
in jquery, or add class "active" first item..
updated fiddle: http://jsfiddle.net/skelly/avbuy/5/
Comments
Post a Comment