Галерея: картинки и видео -- как лучше сделать?

[shebeda]

Как лучше реализовать галерею картинок и видео?

 

[UksusoFF]

Смотря в каком виде нужно, слайдеры там всякие? Или просто лайтбоксэффект?
Видио если с ютюбов, то лучше через Widgets. Да и вообще через них можно все что имеет код встраивания на сайт.

 

[shebeda]

Пока у меня так

http://master-noob.info/index.php/Бензопила_для_женщин#.D0.92.D0.B8.D0.B4.D0.B5.D0.BE

Но, если будет много картинок или видео (а это предполагается), то будет очень долго загружаться.

Так вот вопрос в том, как лучше сделать, чтобы и при маленьком количестве было нормально, и при большом не захламлять страницу.

Пробовал убрать под спойлеры, но спойлер залезает изображения и таблицы, находящиеся сбоку (выравнивание на странице справа)

Конечно есть вариант (где-то видел) делать скрин видео, его вставлять как картинку на сайт и чтобы по клику она пропадала и вместо неё уже подгружался плеер с ютуба, но тогда мне показалось сложно, а ща найти не могу.

 

[UksusoFF]

Пробовал убрать под спойлеры, но спойлер залезает изображения и таблицы, находящиеся сбоку (выравнивание на странице справа)

Спойлер какой? попробуй этот: Шаблон:Сокрытие

Конечно есть вариант (где-то видел) делать скрин видео, его вставлять как картинку на сайт и чтобы по клику она пропадала и вместо неё уже подгружался плеер с ютуба, но тогда мне показалось сложно, а ща найти не могу.

Нафига если есть Widgets?

 

[shebeda]

Спойлер какой? попробуй этот: Шаблон:Сокрытие

Вроде он самый, но он, при выравнивании по ширине и при "конфликте" он выглядит так
http://master-noob.ru/index.php/Четырёхтактная_бензопила#.D0.93.D0.B0.D0.BB.D0.B5.D1.80.D0.B5.D1.8F

Нафига если есть Widgets?

А чем он будет отличаться от ручного ввода того же кода? Я в описании так и не понял, кроме того, что можно будет задавать параметры через переменные в каждом случае публикации.
У меня первичное требование к видео, чтобы оно не сильно грузило компы, так как даже 4 ролика у меня грузятся почти 3 секнды после формирования всей остальной страницы, на слабых компах и плохих интернетах будет ещё хуже...

 

[UksusoFF]

Варианты:
Делать отдельную страницу в пространстве имен на которую выносить очень большие галереи: https://www.mediawiki.org/wiki/Manual:$wgNamespacesWithSubpages
Глянуть исходники шаблонов с лурка:
http://lurkmore.to/Шаблон:MorphFile
http://lurkmore.to/Шаблон:MorphVideo
http://lurkmore.to/Шаблон:Note

 

[shebeda]

http://lurkmore.to/Шаблон:MorphFile
http://lurkmore.to/Шаблон:MorphVideo

Эти шаблоны использовал, но они не понравились -- в любом случае сначала грузятся все изображения и только потом сборка сворачивается в рамку.

Вот пример
http://master-noob.ru/index.php/Мотобуры_Stihl

http://lurkmore.to/Шаблон:Note

Этот точно возьму на вооружение, однако это скорей именно для "Заметок", а не для галерей.

 

[UksusoFF]

Возможно нужно посмотреть на это.

UPD: и это

 

[UksusoFF]

Сделал себе на сайте как написано тут с небольшими изменениями.
Скорость загрузки страницы с 10 видео уменьшилась с 29 до 10 секунд!
И легко подключить вообще к любому сайту.

А и да, ссылки на HQ карттинки от YouTube вида

http://img.youtube.com/vi/<id>/maxresdefault.jpg

если нужно будет

 

[shebeda]

Возможно нужно посмотреть на это.

Вообще не понял

UPD: и это

При вставке миниатюра 480px × 360px, а плеер уже по установленным размерам -- не понял где настраивается... Добавил в КСС стиль, не помогло...

http://master-noob.info/index.php/MTD/Снегоуборщики/M_56

Сделал себе на сайте как написано тут с небольшими изменениями.
Скорость загрузки страницы с 10 видео уменьшилась с 29 до 10 секунд!
И легко подключить вообще к любому сайту.
А и да, ссылки на HQ карттинки от YouTube вида

Тоже не понял (((

 

[UksusoFF]

Посмотри вот результат работы:
http://rock63.ru/wiki/Шаблон:MorphVideo
Если устроит, то можно скопипастить отсюда:
http://rock63.ru/wiki/Special:Gadgets
http://rock63.ru/wiki/MediaWiki:Gadgets-definition

 

[shebeda]

http://rock63.ru/wiki/Шаблон:MorphVideo

Уже юзал, тут отличается от того, что был у меня -- тут загружаются не плееры, а картинки как в

UPD: и это

Но как я уже говорил -- не могу разобраться, где менять размер миниатюры. Уже и через фрейм со стилем пробовал задать, всё равно размер не меняется.

 

[UksusoFF]

Уже юзал, тут отличается от того, что был у меня -- тут загружаются не плееры, а картинки как в
Но как я уже говорил -- не могу разобраться, где менять размер миниатюры. Уже и через фрейм со стилем пробовал задать, всё равно размер не меняется.

Ну да, это тот же шаблон только после обработки скриптом.
Высота указывается в параметрах шаблона MorphVideo, (см. пример).
Затем передается во вспомогательный шаблон: Шаблон:MorphVideo/Cell.
Оттуда уже в тот шаблон что выводит YouTube или во фрейм.
Потом скрипт берет ее из высоты фрейма и заменяет на картинку с такой же высотой, в моем варианте это:

width: '+w+'px !important; height: '+h+'px !important;

 

[Wikijournal]

В общем у меня заработал этот шаблон нужно было внести js в common.js (код у меня на сайт можно посмотреть на одноимённой странице)
Но работает криво (( - вверху две кнопки перелистывания появляются - не знаю пока как убрать
и второе - не нравится как работает - открывается страница со всеми картинками а потом только срабатывает скрпит с некоторой задержкой:
www.wikijournal.ru/index.php/Test

Скорее всего надо искать альтернативу, если кто знает прошу скинуть в личку )