Портативный лайтбокс для использования в пользовательских скриптах

#javascript #lightbox #userscripts

#javascript #лайтбокс #пользовательские скрипты

Вопрос:

Я пытался внедрить различные лайтбоксы в свои пользовательские скрипты, но у меня никогда не получалось заставить их работать. Наиболее распространенная проблема заключается в том, что некоторые из них требуют, чтобы вы изменили файл css / js, указав, где расположены различные файлы изображений. Если это не так, изображение должно быть расположено в определенном месте на текущем сервере. Это невозможно, если у меня нет серверов, которые я хочу изменить.

Лайтбокс должен быть способен:

  • Отображение одного изображения одновременно с помощью стрелок вперед / назад.

Не требуется, но было бы неплохо:

  • Нумерация изображений в нижней части лайтбокса, позволяющая перейти к определенному номеру изображения.

Пожалуйста, приведите пример его реализации в пользовательском скрипте. Скрипт может использовать поля // @require и. // @resource

Комментарии:

1. Вы пробовали создавать свои собственные? Они не так уж сложны. SO вряд ли создаст для вас весь пользовательский скрипт лайтбокса, но, скорее всего, поможет вам с тем, который вы почти завершили.

2. Итак, вы хотите, чтобы что-то, что должно широко поддерживаться множеством различных настроек (плагин), работало точно с вашей файловой структурой без какой-либо настройки, без написания собственного лайтбокса? Надеюсь, я неправильно понял ваш вопрос.

Ответ №1:

Lightbox2, по совпадению, первый результат Google для «лайтбокса», не упоминает о необходимости редактировать какие-либо файлы CSS / JS или делать что-либо, кроме включения их скриптов на страницу и обертывания эскизов ссылкой на полноразмерные изображения. Если вы пробовали это, были ли какие-либо конкретные проблемы с этим?

Комментарии:

1. Для этого требуется, чтобы некоторые изображения были размещены на текущей странице. Если я скопирую HTML-код главной страницы lightbox 2 и вставлю его в jsFiddle и заставлю все использовать абсолютные ссылки, при загрузке произойдет сбой «loading.gif » и «closelabel.gif «. Также: «Проверьте CSS и убедитесь, что ссылка prev.gif и next.gif файлы находятся в нужном месте. Кроме того, убедитесь, что loading.gif и close.gif файлы, на которые ссылаются в верхней части lightbox.js файл находится в нужном месте «. Тест jsFiddle: jsfiddle.net/aEe6v

2. Итак, используйте абсолютные URL-адреса для сервера, на котором вы размещаете эти файлы, или URL-адреса данных. чтобы включить их в скрипт.