Я получаю исключение в JavaScript, и я знаю, что это из-за размера изображения ..Bootstrap Carousel размер и то же изображение (Exception смещение)
Я хочу, чтобы моя карусель, чтобы иметь фиксированный размер для изображений, и автоматически отрегулируйте/измените размер изображения (если он искажен или пикселирован, это не проблема, я просто хочу, чтобы полное изображение занимало размер карусели.
Я играл с максимальной шириной и шириной и не мог получить он работает. Я хочу, чтобы это тоже было отзывчивым.
Адрес: html-код:
<div id="myCarousel" style="display: block;" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators" id="carouselIndicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1" class=""></li>
</ol>
<div class="carousel-inner" id="carouselData" role="listbox">
<div class="item active">
<h3>Random text 1</h3>
<p>Random text 2</p>
<img src="imageurl.png" alt="">
</div>
<div class="item">
<h3>Random text 3</h3>
<p>Random text 4</p>
<img class="tales" src="imagelink.png" alt="">
</div>
</div>
<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>
Вот исключение Javascript (слайдер не работает):
Uncaught TypeError: Cannot read property 'offsetWidth' of undefined
Вы можете показать javascript? –
Какой? Я не использую ни один файл javascript для этого, просто встроенный в bootstrap.min.css – TiagoM
Это может быть просто проблема в бутстрапе. Я не могу найти что-нибудь, может быть, кто-то другой. –