Как добавить лайтбокс в один HTML-файл?

Я попробовал лайтбокс, и на моем домашнем компьютере все работает нормально. Но теперь мне интересно, можно ли добавить лайтбокс в один файл HTML. Я использовал для этого три разные папки (css, js, html).

Но теперь я хочу добавить его только в файл html. Для css я могу поместить код в Для js я могу добавить его в обычном режиме, но у меня это не работает.

Код js взят с сайта лайтбокса:

"(function (root, factory) {
    if (typeof define === 'function' && define.amd) {
        // AMD. Register as an anonymous module.
        define(['jquery'], factory); .......... etc"

Я хочу запустить его онлайн и иметь место только для одного пейджера (поэтому я не могу добавлять отдельные папки, такие как css и js, поэтому мне нужно все класть в одну папку html).

в вашем коде есть синтаксические ошибки, также почему функция заключена в двойные кавычки? "

Towkir 30.10.2018 23:15
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
1
70
1

Ответы 1

Добавьте его в тег <script>:

<script>
  /* lightbox code from file here */
</script>

В зависимости от исполнения лайтбокса вы можете поместить его в документ <head> или чуть выше закрывающего тега </body>.

Другие вопросы по теме