изображения для карусели не отображаются в Firefox

Question

изображения для карусели не отображаются в Firefox

0

Изображения для моей карусели не отображаются, только в Firefox и когда вы максимизируете браузер. Я могу видеть элементы управления внизу карусели, где говорится следующее и предыдущее.

Все отлично работает в Chrome и IE, и когда вы сворачиваете браузер Firefox.

http://www.henschen.com/siteTemplates/2014-16/

<div id="owl-demo" class="owl-carousel owl-theme">
     <div class="item"><img src="images/slider1.png" alt="test"></div>
     <div class="item"><img src="images/slider2.png" alt="test"></div>
     <div class="item"><img src="images/slider3.png" alt="test"></div>
</div>

#owl-demo .item img {
      display: block;
      width: 100%;
      height: auto;
}

user2197436 16 апр. 2014, в 16:44

Источник

Теги:

html

css

carousel

3 ответа

Ещё вопросы

chuksleomc · Answer 1 · 2017-12-05T03-56-00.000Z

Сначала убедитесь, что у вас нет никакого определения @media, которое выведет карусель, если это не так, тогда

ищите это определение css "@media all и (transform-3d), (-webkit-transform-3d) {" change to "@media all и (transform-3d), (-webkit-transform-3d), (- moz-transform-3d) {"некоторые, как firefox имеет проблемы с transform-3d, а затем проверьте, есть ли у вас определение css для карусели, которая определяет позицию. убедитесь, что вы извлекли атрибут позиции и повторите попытку. Надеюсь, это сработает для вас

Jef Aerts · Answer 2 · 2014-04-16T11-51-00.000Z

Я не совсем уверен, но я думаю, потому что вы не закрыли свои img-теги правильно. Инспектор Firefox дает мне

<img alt="test" src="images/slider1.png"></img>

когда это должно быть

<img alt="test" src="images/slider1.png" />

Не могли бы вы попробовать изменить свой код на следующее:

<div id="owl-demo" class="owl-carousel owl-theme">
 <div class="item"><img src="images/slider1.png" alt="test" /></div>
 <div class="item"><img src="images/slider2.png" alt="test" /></div>
 <div class="item"><img src="images/slider3.png" alt="test" /></div>
</div>

Я пытался, и это не сработало. Изображения показывают, когда я свернул браузер в Firefox .... только не когда браузер развернут.

Michael · Answer 3 · 2014-04-16T11-42-00.000Z

Проверьте свою ссылку на код JS и CSS они сломаны.

Console-

Failed to load resource: the server responded with a status of 404 (Not Found) http://www.henschen.com/siteTemplates/2014-16/css/google-code-prettify/prettify.css
Failed to load resource: the server responded with a status of 404 (Not Found) http://www.henschen.com/siteTemplates/2014-16/css/google-code-prettify/prettify.js