Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Fancybox. Как задать стили для содержимого отображаемого в нем ? / 1 сообщений из 1, страница 1 из 1
12.08.2016, 17:34
    #39291259
ProBiotek
ProBiotek
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Fancybox. Как задать стили для содержимого отображаемого в нем ?
Привет.

Стоит такая задача. Отобразить в Фенсибоксе видеоплеер, но изменить его стилями (плеер).

Пример того как отобразить в фенсибоксе тут
http://demos.flowplayer.org/scripting/overlay-fancybox.html

Пример того, как можно изменить плеер классами css тут (см большой блок <style>)
http://demos.flowplayer.org/lookandfeel/fs-controlbar.html

также там есть такие 2 строчки кода, они тоже важны
Код: javascript
1.
2.
var fsbutton = root.querySelector(".fp-fullscreen");
root.querySelector(".fp-controls").appendChild(fsbutton);


Это успешно работает при простом отображении на странице.

Вопрос.
Как протолкнуть в фенсибокс набор стилей (.flowplayer .fp-timeline и пр. из второго примера) а также вызвать 2 строки JS применительно к содержимому фенсибокса ?
Т.е. мне нужно функционал первого примера реализовать внутри фенсибокса.

Пока мне удалось найти то, что можно задавать css для самого фенсибокса через некий хэлпер:
http://jsfiddle.net/jRsjK/

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
$(".fancybox").fancybox({
    helpers : {
        overlay : {
            css : {
                'background' : 'rgba(58, 42, 200, 0.95)'
            }
        }
    }
});



Но кажется это не то, что мне нужно.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Fancybox. Как задать стили для содержимого отображаемого в нем ? / 1 сообщений из 1, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]