@@maxgraph , а вот возник такой кейс сейчас делаю галерею и в ней есть одно видео, помимо картинок, а как вот можно отслеживать то, что у нас сейчас открыто? то есть если мы кликаем на первый элемент и листаем дальше, то как ловить тот элемент, который открыт сейчас? то есть мы кликаем не на нужный нам элемент, а кликаем на первый и дальше листаем галерею, и как ловить элемент, который открыт в данный момент?
@@maxgraph через команду npm устанавливаем в наш проект, а далее куда копать не подскажете ? Напрямую как в видосе подключал, атрибуты тоже указал, на край и структуру повторил, но почему-то стрелки не появляются всё равно.(Использую Вашу gulp сборку)
1) делаем npm установку ( как в инструкции к плагину) 2) прописываем в шапке main.js такой импорт (import '../../node_modules/fslightbox';) тем самым мы его импортируем в наш файл. рекомендую прописать в самой верхней строке. и тогда все работает.
Здравствуйте. Подскажите, галлерея работает, но при клике на изображение перебрасывает в начало страницы. Как это можно пофиксить? UPD. Примерно разобрался, это происходит, потому что у меня на body стоит overflow-x: hidden. Вопрос: как фиксануть этот баг, если мне все-таки нужен overflow-x: hidden для body ?
Маким, вечер добрый) почему при установки этого плагина мне пишится invalid source?? (когда я кликаю по картинкам) хотя я скопировал все файлы с вашего гитхаба
@@maxgraph Да. Запусках в файрфокс - но потом какого то хрена они таки появились... Причем я ничего не исправлял... Просто с браузером баг наверное... У оперы не наблюдалось...
Купил про версию, могу сказать, что fancybox3 куда более гибче, чем Fslightbox.js. Fslightbox.js отлично подходит под , img, video. В общем для любой галереи. А вот модальные окна (на любой цвет и вкус) из него создавать не очень получается. Буду использовать Fslightbox.js для галерей изображений, или для встраивания карт или видео, в этом плане он мне нравится.
Наконец нашел четкую библиотеку, спасибо за обзор)
Спасибо, как раз собирался искать замену fancy box на чистом джс)
Рад помочь)
простое и подробное объяснение , спасибо
Очень живое видео и информативное)
Пасиб!!
Пожалуйста)
@@maxgraph , а вот возник такой кейс сейчас
делаю галерею и в ней есть одно видео, помимо картинок, а как вот можно отслеживать то, что у нас сейчас открыто?
то есть если мы кликаем на первый элемент и листаем дальше, то как ловить тот элемент, который открыт сейчас?
то есть мы кликаем не на нужный нам элемент, а кликаем на первый и дальше листаем галерею, и как ловить элемент, который открыт в данный момент?
Спасибо за видео! Буду использовать плагин в новом проект) а подскажите, пожалуйста, есть ли плагин на чистом js по типу mixitup, который на джеквери?
Izotope.js есть)
@@maxgraph от души, иду смотреть видос)
Хорошая галерея. Спасибо шеф!
Пожалуйста)
Хорошое, понятное , а главное полезное видео 👍
Рад помочь)
Спасибо! очень интересно!
Отлично)
Спасибо, очень хороший разбор!
Пожалуйста)
как правильно подключить через npm, к сожалению ты почти не рассказываешь о таком подключении((
Не рассказываю, потому что задача видео - показать функционал плагина. А уж в импортах и npm нужно давно разбираться, почитайте learn.javascript.ru
@@maxgraph через команду npm устанавливаем в наш проект, а далее куда копать не подскажете ?
Напрямую как в видосе подключал, атрибуты тоже указал, на край и структуру повторил, но почему-то стрелки не появляются всё равно.(Использую Вашу gulp сборку)
1) делаем npm установку ( как в инструкции к плагину)
2) прописываем в шапке main.js такой импорт (import '../../node_modules/fslightbox';) тем самым мы его импортируем в наш файл. рекомендую прописать в самой верхней строке.
и тогда все работает.
Здравствуйте.
Подскажите, галлерея работает, но при клике на изображение перебрасывает в начало страницы. Как это можно пофиксить?
UPD.
Примерно разобрался, это происходит, потому что у меня на body стоит overflow-x: hidden.
Вопрос: как фиксануть этот баг, если мне все-таки нужен overflow-x: hidden для body ?
Вряд ли он нужен) для чего?
супер. спасибо за видео
Пожалуйста)
Спасибо! Как сделать poster на видео? Poster не показывается в галерее / video html 5.
Расскажу в апреле в видео про видео))
Спасибо!
Маким, вечер добрый) почему при установки этого плагина мне пишится invalid source?? (когда я кликаю по картинкам) хотя я скопировал все файлы с вашего гитхаба
Смотреть надо)
Все спс) Заработало надо было не через диск С, а Open server local host
@@valerypobelenskiy1001 пздц, вот если честно - совсем не очевидное решение проблемы.
а вы не восторгайтесь ) предлогайте, если есть что добавить по этому вопросу) буду рад и благодарен
Заказчику до фанаря на чем делается. Главное чтоб работало)
Кстати фенси на чистом js есть.
Не всем заказчикам до фонаря))
При малых разрешениях < 665px нету кнопок для пролистывания..
У плагина?
@@maxgraph Да. Запусках в файрфокс - но потом какого то хрена они таки появились... Причем я ничего не исправлял... Просто с браузером баг наверное... У оперы не наблюдалось...
как быть с адаптацией, сжимается контент за модальным окном
Ну сайт и должен сжиматься) не понял проблему
Купил про версию, могу сказать, что fancybox3 куда более гибче, чем Fslightbox.js. Fslightbox.js отлично подходит под , img, video. В общем для любой галереи. А вот модальные окна (на любой цвет и вкус) из него создавать не очень получается.
Буду использовать Fslightbox.js для галерей изображений, или для встраивания карт или видео, в этом плане он мне нравится.
Скрытые элементы он прекрасно видит, надо только divы расставить правильно
Окей)
invalid source пмоги бро что делать?
Посмотреть надо
Нужно использовать Open server, а точнее localhost