Автор Тема: Owl carousel элементы слипаются в столбец, как исправить?  (Прочитано 185 раз)

15 Май, 2018, 08:16:55

Оффлайн Bond1013

  • Школьник
  • *
  • Сообщений: 1
  • Репутация: 0
  • OS: Linux Linux
  • Browser: Chrome 56.0.2924.87 Chrome 56.0.2924.87
    • Просмотр профиля

Подключил Owl Carousel элементы слиплись и стали в столбец, после того как написал loop: true стали ещё и зеркально отражаться. Весь интернет облазил не могу исправить. Помогите, пожалуйста.
Заранее, спасибо!
Html
[/color]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  <html>  <head>   <metahttp-equiv="Content-Type"content="text/html; charset=utf-8">   <title>Футбольные мячи Select </title>   <linkrel="stylesheet"type="text/css"href="css/style.css">   <linkrel="stylesheet"href="owlcarosel/owl.carousel.css">   <linkrel="stylesheet"href="owlcarosel/owl.theme.default.css">   </head>  <body>   <divclass="main_div">   <divclass="preview">   <center><h1>Футбольные мячи</h1></center>   </div>   <center><divclass="owl-carousel"id="slider_container">     <div>1</div>     <div>2</div>     <div>3</div>     <div>4</div>   </div></center>       <divclass="timer">   <center><scriptsrc="http://megatimer.ru/s/04063061762631f30f9db402f08db169.js"></script></center>     </div>     </div>   <!-- Комментарий -->   <scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>       <scriptsrc="owlcarousel/owl.carousel.min.js"></script>   <scriptsrc="main.js"></script>  </body>  </html>


Css

html[/color], body {     margin:0px;     padding:0px;}   h1 {     font-family:Snell Roundhand,cursive;}   .main_div{     margin:5%20%5%20%;     padding:00;   }   .preview{     }   .timer{     width:100%;     height:100%     padding:20px;}#slide_container{     width:20%;     height:20%;}   .owl-carousel{     width:20%;}

Js

$[/color](document).ready(function(){     $('.owl-carousel').owlCarousel({     items:4,     margin:10,     autoHeight:false,     autoplay:true,     loop:true,     center:true,     autoplayTimeout:3000});   });
[/font]
« Последнее редактирование: 15 Май, 2018, 08:24:56 от Bond1013 »

Форум вебмастеров - Webmasters.BY