Задать вопрос
jeerjmin
@jeerjmin
javascript

Можно ли этот слайдер настроить не на весь документ?

Хочу реализовать на сайте смену изображений на весь экран, но не на весь документ.
Нашел такой vegas.jaysalvat.com , но на div настроить его не получается.
Я свежий нуб, подскажите инструменты, которые позволят решить мою задачу ?
Или подсказать, что я делаю не так.

Стоит заменить #wrapper на body и все работает.
<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<link rel="stylesheet" href="js/vegas/dist/vegas.min.css">
<script src="js/vegas/dist/vegas.min.js"></script>




</head>
<body>
<div id="wrapper"></div>


<script>
	$(function() {
    $('#wrapper').vegas({
        slides: [
            { src: 'photo/1.jpg' },
            { src: 'photo/3.jpg' },
            { src: 'photo/portret.jpg' }
        ]
    });
});
</script>

</body>
</html>
  • Вопрос задан
  • 155 просмотров
2 комментария
Подписаться 1 Средний 2 комментария
Решения вопроса 1
@LysenkoSasha
Для того, что бы этот скрипт применялся для div, section и т.д.
Вам нужно сделать следующее:

Если у элемента ID

<div id="wrapper"></div>
$('#wrapper').vegas({
        slides: [
            { src: 'photo/1.jpg' },
            { src: 'photo/3.jpg' },
            { src: 'photo/portret.jpg' }
        ]
    });


Если у элемента class
<div class="wrapper"></div>
$('.wrapper').vegas({
        slides: [
            { src: 'photo/1.jpg' },
            { src: 'photo/3.jpg' },
            { src: 'photo/portret.jpg' }
        ]
    });
Ответ написан
7 комментариев
7 комментариев
Пригласить эксперта
Ответы на вопрос 1
profesor08
@profesor08 Куратор тега JavaScript
Убедись в правильности написания всех тэгов, в твоем приведенном примере отсутствует скобочка. Потом подключи данный скрипт в самом конце страницы, перед закрывающим тэгом /body. Раз у тебя не выдает никаких ошибок, значит на момент вызова скрипта, скрипт не знает о существовании div.
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Анимация логотипа
24 апр. 2024, в 00:08
20000 руб./за проект
Разработка дизайна раздела «Статьи» на сайте «Мир отходов»
23 апр. 2024, в 23:01
10000 руб./за проект
Дизайн личного кабинета (клиентская часть)
23 апр. 2024, в 22:37
500 руб./в час
Ещё заказы