0 / 0 / 0
Регистрация: 29.01.2015
Сообщений: 9
1

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

13.08.2015, 03:12. Показов 1244. Ответов 2
Метки нет (Все метки)

html код
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<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
1
2
3
4
5
6
7
8
#owl-demo 
{margin-top:200px;
position:absolute;
height: 220px;
width:880px;}
.item img{
  display: block;
}
Слайдер должен быть горизонтальным и показывать 4 фото, потом следующие 4 фото, а он показывает сразу все. Скрипт не работает. А еще слайдер располагается вертикально, а не горизонтально, как должен быть.
__________________
Помощь в написании контрольных, курсовых и дипломных работ, диссертаций здесь
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
13.08.2015, 03:12
Ответы с готовыми решениями:

Адаптивный слайдер типа Карусель начинает работать только при изменении окна браузера
Уважаемые коллеги! Прошу помощи. Установила адаптивный слайдер типа Карусель. Сайт сделан на...

слайдер карусель
Здравствуйте, делаю слайдер на сайт через скаченный bxslider. Должен получиться следующего типа: ...

Слайдер (карусель) адаптация
Доброго времени суток... Вообщем проблемка такая.. взял готовую карусель, немного кастомизировал...

Нужен слайдер-карусель
Всем привет:) Подскажите слайдер с постоянной прокруткой картинок.:wall: Они должны...

2
Эксперт HTML/CSS
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
0 / 0 / 0
Регистрация: 29.01.2015
Сообщений: 9
14.08.2015, 01:32  [ТС] 3
а как его подключить?

Добавлено через 6 часов 59 минут
разобралась, скачала другой слайдер)
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
14.08.2015, 01:32
Помогаю со студенческими работами здесь

Почему не работает слайдер
Здравствуйте, помогите, пожалуйста разобраться. Купил 2 дня назад хостинг, но столкнулся со...

Почему слайдер не работает в IE ?
Есть сайт http://www.reklamy.ru/ - на главной слайдер. Везде работает кроме IE Почему такое...

Почему не работает слайдер?
Привет всем!:) Сегодня слетел код со слайдером:wall:. Кто-нибудь, пожалуйста, почему так? не...

Слайдер-карусель с картинками
Здравствуйте уважаемые форумчане! Кто знает, как реализовать такую штуку как на картинке, на...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2023, CyberForum.ru