Не работает script слайдер карусель, почему?

@trisgot · Регистрация: 29.01.2015

html код

HTML5

<head>
<link rel="stylesheet" href="style.css" type="text/css"/>
<title> Dream-mam - Беременность, Роды, Ребенок, Дети, Семья</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Информация о воспитании детей, интересные статьи для будущих мам, детское меню и первый прикорм ">
<script type="text/javascript">
$(document).ready(function() {
 
  $("#owl-demo").owlCarousel({
 
      autoPlay: 3000, //Set AutoPlay to 3 seconds
 
      items : 4,
      itemsDesktop : [1199,3],
      itemsDesktopSmall : [979,3]
 
  });
 
});</script>
</head>
<body>
<div id="owl-demo">
          
  <div class="item"><img height="220" src="cooks/01.jpg" alt="Owl Image"></div>
  <div class="item"><img height="220" src="cooks/02.jpg" alt="Owl Image"></div>
  <div class="item"><img height="220" src="cooks/03.jpg" alt="Owl Image"></div>
  <div class="item"><img height="220" src="cooks/04.jpg" alt="Owl Image"></div>
  <div class="item"><img height="220" src="cooks/05.jpg" alt="Owl Image"></div>
  <div class="item"><img height="220" src="cooks/06.jpg" alt="Owl Image"></div>
  <div class="item"><img height="220" src="cooks/07.jpg" alt="Owl Image"></div>
  <div class="item"><img height="220" src="cooks/08.jpg" alt="Owl Image"></div>
 
</div></body>

css код

CSS

#owl-demo 
{margin-top:200px;
position:absolute;
height: 220px;
width:880px;}
.item img{
  display: block;
}

Слайдер должен быть горизонтальным и показывать 4 фото, потом следующие 4 фото, а он показывает сразу все. Скрипт не работает. А еще слайдер располагается вертикально, а не горизонтально, как должен быть.

@Shakalaka · 13.08.2015, 14:24

Сообщение от trisgot

<head>
<link rel="stylesheet" href="style.css" type="text/css"/>
<title> Dream-mam - Беременность, Роды, Ребенок, Дети, Семья</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Информация о воспитании детей, интересные статьи для будущих мам, детское меню и первый прикорм ">
<script type="text/javascript">
$(document).ready(function() {
$("#owl-demo").owlCarousel({
autoPlay: 3000, //Set AutoPlay to 3 seconds
items : 4,
* * * itemsDesktop : [1199,3],
* * * itemsDesktopSmall : [979,3]
});
});</script>
</head>

А jQuery и скрипт со слайдером кто подключать будет?

@trisgot · 14.08.2015, 01:32 **[ТС]**

а как его подключить?

Добавлено через 6 часов 59 минут
разобралась, скачала другой слайдер)

@Shakalaka 653 / 556 / 322 Регистрация: 27.01.2015 Сообщений: 1,374
	13.08.2015, 14:24	2
	Сообщение от trisgot <head> <link rel="stylesheet" href="style.css" type="text/css"/> <title> Dream-mam - Беременность, Роды, Ребенок, Дети, Семья</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content="Информация о воспитании детей, интересные статьи для будущих мам, детское меню и первый прикорм "> <script type="text/javascript"> $(document).ready(function() { $("#owl-demo").owlCarousel({ autoPlay: 3000, //Set AutoPlay to 3 seconds items : 4, * * * itemsDesktop : [1199,3], * * * itemsDesktopSmall : [979,3] }); });</script> </head> А jQuery и скрипт со слайдером кто подключать будет? 1

@trisgot 0 / 0 / 0 Регистрация: 29.01.2015 Сообщений: 9
	14.08.2015, 01:32 [ТС]	3
	а как его подключить? Добавлено через 6 часов 59 минут разобралась, скачала другой слайдер) 0

Опции темы