Можно ли как-то совместить несколько плагинов?

@triatri3 · Регистрация: 16.11.2016

Студворк — интернет-сервис помощи студентам

Не разбираюсь в js, мой максимум - подключить и кое-как использовать уже готовые плагины.
Использовал плагин fullpage.js на странице, хочу подключить ещё "jquery слайдер фоновых изображений" ( https://webformyself.com/top-p... -kartinok/ )
Сделал всё как инструкции - всё падает. Не работает ни этот, ни fullpage. Что делать? Сможете как-то помочь?

П.с. я уверен что Вы спросите: да, плагин fullpage работал, он был успешно подключён. Конструкция посыпалась с добавлением этой чертовщины.

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
<html>
<head>
    <title>Фабри - основная страница</title>
    <link rel="shortcut icon" href="media/2OpkVqvZH8w.jpg" type="image/png">
    <link rel="stylesheet" href="CSS_file.css" type="text/css">
    <link rel="stylesheet" href="fullpage.css" type="text/css">
    <script language="JavaScript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <script language="JavaScript" type="text/javascript" src="fullpage.js"></script>
    <script language="JavaScript" type="text/javascript" src="JavaScript.js"></script>
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="js/resize-slider.js"></script>
</head>
<body>
    <div id="fullpage">
        <div class="section" id="section0">
        <div id="resizeSlider"></div>
            <div id="line">
                <div id="first_icon"><img src="media/Lenta-Logo-2.png"></div>
                <div id="second_icon"><img src="media/BKlogo800x800-1560344709.png"></div>
                <div id="third_icon"><img src="media/1578999308_post_14867_thumbnail.jpeg"></div>
            </div>
        </div>
...Многое обрезал

JavaScript
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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
$(function() {
    $('#fullpage').fullpage({
        navigation: true,
        sectionsColor:['','',''],
        loopTop:true,
        loopBottom:true
    })
    
 
    $("#resizeSlider").resizeSlider({
     "image":{
     "presentacion":{
     "landscape":{
     "url"      : "url(media/1.jpg)",
     "size"     : "cover",
     "repeat"   : "no-repeat",
     "position" : "center top"
     },
     "portrait":{
     "url"      : "url(media/1.jpg)",
     "size"     : "cover",
     "repeat"   : "no-repeat",
     "position" : "right center"
     }
     },
     
     "presentacion 1":{
     "landscape":{
     "url"      : "url(media/2.jpg)",
     "size"     : "cover",
     "repeat"   : "no-repeat",
     "position" : "center bottom"
     },
     "portrait":{
     "url"      : "url(media/2.jpg)",
     "size"     : "cover",
     "repeat"   : "no-repeat",
     "position" : "left center"
     }
     }
    
    "presentacion 2":{
     "landscape":{
     "url"      : "url(media/3.jpg)",
     "size"     : "cover",
     "repeat"   : "no-repeat",
     "position" : "center bottom"
     },
     "portrait":{
     "url"      : "url(media/3.jpg)",
     "size"     : "cover",
     "repeat"   : "no-repeat",
     "position" : "left center"
     }
     }
 
     "presentacion 3":{
     "landscape":{
     "url"      : "url(media/4.jpg)",
     "size"     : "cover",
     "repeat"   : "no-repeat",
     "position" : "center bottom"
     },
     "portrait":{
     "url"      : "url(media/4.jpg)",
     "size"     : "cover",
     "repeat"   : "no-repeat",
     "position" : "left center"
     }
     }
 
     }
     });
});

@gogolik · 25.03.2020, 08:30

Какие ошибки в консоли пишет при подключении обоих скриптов?

@diadiavova · 25.03.2020, 09:37

triatri3, я думаю, что как минимум из HTML кода нужно убрать двенадцатую строчку.

@triatri3 · 27.03.2020, 06:57 **[ТС]**

Ошибки:
GET file:///C:/Users/Vlad/Desktop/Fabri_project/js/resize-slider.js net::ERR_FILE_NOT_FOUND
GET file:///C:/Users/Vlad/Desktop/Fabri_project/media/1578999308_post_14867_thumbnail.jpeg net::ERR_FILE_NOT_FOUND
Uncaught SyntaxError: Unexpected string

@gogolik · 27.03.2020, 10:04

GET file:///C:/Users/Vlad/Desktop/Fabri_project/js/resize-slider.js net::ERR_FILE_NOT_FOUND

triatri3, проверьте путь к файлу. У вас все файлы лежат рядом с html-файлом, а этот якобы в папке js.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .

@gogolik Супер-модератор 3957 / 2073 / 831 Регистрация: 13.03.2010 Сообщений: 6,839
	25.03.2020, 08:30
	Какие ошибки в консоли пишет при подключении обоих скриптов? 0

@diadiavova 7258 / 2605 / 744 Регистрация: 11.04.2015 Сообщений: 4,150 Записей в блоге: 43
	25.03.2020, 09:37
	triatri3, я думаю, что как минимум из HTML кода нужно убрать двенадцатую строчку. 0

@triatri3 11 / 12 / 8 Регистрация: 16.11.2016 Сообщений: 892
	27.03.2020, 06:57 [ТС]
	Ошибки: GET file:///C:/Users/Vlad/Desktop/Fabri_project/js/resize-slider.js net::ERR_FILE_NOT_FOUND GET file:///C:/Users/Vlad/Desktop/Fabri_project/media/1578999308_post_14867_thumbnail.jpeg net::ERR_FILE_NOT_FOUND Uncaught SyntaxError: Unexpected string Миниатюры 0