Mit dem Bootstrap-Karussell und während jedes Bild geladen wird, werden die Bilder vertikal in zwei Hälften geschnitten, nur in vollem Umfang in Ordnung.Bootstrap Karussell Bild während des Ladens in zwei Hälften schneiden
Der von mir verwendete Code stammt von der Boostrap-Website.
Was fehlt mir?
<div class="container">
<div id="largoheady">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="<?php bloginfo('template_directory');?>/images/heady.jpg" title="something " alt="something" >
</div>
<div class="item">
<img src="<?php bloginfo('template_directory');?>/images/heady.jpg" title="something " alt="something" >
</div>
<div class="item">
<img src="<?php bloginfo('template_directory');?>/images/heady.jpg" title="something " alt="something" border="0" class="img-responsive">
</div>
<div class="item">
<img src="<?php bloginfo('template_directory');?>/images/heady.jpg" title="something " alt="something" border="0" class="img-responsive">
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
Bearbeitet, um 2 Bilder hinzuzufügen. Der erste zeigt, was beim Laden des Bildes passiert. Zweites Bild zeigt vollen Schieberegler.
bitte einen Screenshot beifügen, wenn möglich –
Teilen Sie bitte einen funktionierenden Demo-Link. – Dhanil