ZorNet.Ru — сайт для вебмастера » HTML и CSS » Установить скрины под плеером кино сайта

Установить скрины под плеером кино сайта

Установить скрины под плеером кино сайта
Многие видели как под плеером в кино сайте и другой тематике сайта стоят скрины - изображение, теперь вы можете поставить также. Здесь идет код на семь картинок включая главную, но по сути будет ставить шесть, это одна главная и пять идут добавляющих. Так как в кино площадке основном идет трейлер и потом кадры из фильма и они иногда так нелепо поставлены и иногда даже не увеличиваются.

Здесь все функций буду работать, только поставим код и стили под него. А потом когда вы будете заполнять материал, вам нужно просто по умолчанию загружать скрины, но только операторы на них не выводить, так как до этого в коде уже они установлены и поставлены на портал. И когда создадите, то появится сам плеер и под ним уже будет все изображение, что вы предоставляете и прикрепили к этому материалу.

Вот так получиться, но здесь можно еще и редактировать, много зависит от конструктора и фиксаций сайта.

Пать скринов для кино сайта

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

Приступаем к установке:

В сети увидел этот код и решил проверить, но сразу увидел что стили на его не идут, что просто бы была небольшие картинки, просто бы грузили вид материала и комментариев к нему просто так. Пришлось немного доработать и теперь все нормально, в стилях выводим размеры, при клике появляется основная и по умолчанию скрин и так по всем остальным.

Скачиваем архив и вы найдете лист по установке, стилей немного идут, основном это код, который можете применить совершенно на другой теме.



Компьютерный мастер в Сургуте




Как все мы знаем - нет ничего вечного; это же относится к такой технике, как компьютер. Хоть компьютер и плотно вошел в нашу жизнь, но увы, бывают и поломки, для устранения которых нужен квалифицированный мастер по ремонту компьютеров. Этот специалист может приехать по вызову, починить, отремонтировать и восстановить ваш компьютер или ноутбук.
В этом разделе я размещаю только проверенную информацию с официального сайта - вы можете сами проверить и убедиться в квалификации мастеров компании Сургуткомп. Если у вас появился глюк на компьютере или ноутбуке, то просто позвоните по указанным на сайте телефонам. И после приезда мастера, он почистит систему от вирусов и нежелательных приложений, после чего ваш компьютер будет работать корректно, как новый!
18 Апреля 2017 Загрузок: 10 Просмотров: 1891 Комментариев: (15)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 15
Kolinkor
Kolinkor 18 Апреля 2017 22:201
0
Где то был уже такой код под кино сайт, но там не под плеер в в колонки, если не ошибаюсь.
Kosten
Kosten 18 Апреля 2017 22:242
0
Есть такой, только на 4 изображение, не считая главное, но тот снял с кино сайта и здесь вы можете найти его. Здесь по сути не чем не отличается, разве что только обвод и идет в одну колонку с разными данными ширины.
Scheme
Scheme 18 Апреля 2017 22:353
0
Почему решили, что для кино сайта, много тем есть, где можно представить установку по скринам.
Maryges
Maryges 18 Апреля 2017 23:084
0
5 изображений по моему это потолок, то просто не понять будет или правильно, ширину уменьшать.
-SAM-
-SAM- 19 Апреля 2017 00:145
0
Не лучший ход делать вывод полноразмерных изображений.
Kosten
Kosten 19 Апреля 2017 00:386
0
Размер ширины и высоты в стилях прописано, здесь можно убрать по сути.
-SAM-
-SAM- 19 Апреля 2017 00:527
0
Я не про это писал, разве не понятно? А то, что прописаны свойства прямо в материал - не повредит, это сделано с учётом того, что стили могут не сразу примениться, а раз они в материале есть - уже будет задан размер. Я указал на то, что нет смысла выводить полноразмерные изображения, когда не факт, что их смотреть в полный размер будут (по клику), получается довесок скачивания, а это - еще трата времени на загрузку страницы целиком, само изображение еще и визуально ужато стилями (вот и нужно уменьшенные копии выводить).
Марковичь
Марковичь 19 Апреля 2017 01:009
0
Возможно здесь имело виду, выводить на полный размер, но там же есть еще и дальнейший вывод, который уже по размеру больше монитора.
-SAM-
-SAM- 19 Апреля 2017 01:5312
0
Здесь имелось в виду, что в src нужно по приоритету сперва выводить уменьшенные копии изображений, а по клику - подгружать полноразмерные кадры (именно когда человек их хочет посмотреть, а не всё кучей загружать при открытии страницы материала).
-SAM-
-SAM- 19 Апреля 2017 02:0613
0
И это касается не только этого материала, а вообще (тот же вид материалов сайта, если возможно выводить превью - прописывать так условия).
Ну, а еще дописал там rel="ulightbox" - переводит в режим просмотра галереи (для удобства можно пользоваться стрелками влево\вправо на клавиатуре, чтобы полноразмерные кадры просматривать, как слайдер).
Kolinkor
Kolinkor 19 Апреля 2017 00:538
0
Видно что проверен на сайте. 11a
Kolinkor
Kolinkor 19 Апреля 2017 01:0810
0
Цитата -SAM- ()
когда не факт, что их смотреть в полный размер будут

Здесь не согласен, если будет установка, то придется смотреть, это на кино сайте можно роликом обойтись и там не сильно замечал, что ставят скрины или стоп кадры.
-SAM-
-SAM- 19 Апреля 2017 01:4811
0
Видимо, я пишу не ясно... если написано не факт, то так и выходит - где факт, что будут отрывать страницу и смотреть полноразмероные изображения материала? Полноразмерные картинки выводятся посредством клика, а не слайдера. Загружая страницу, идёт принудительная подгрузка незапрашиваемого содержимого (потом начинаются жалобы, что страницы сайта медленно загружаются - еще бы). В общем, превью для того и существуют, чтобы выводили их, и очень жаль, что большая часть публикуемых материалов их не содержит )просто игнорируют такую возможность), потом при проверке сайта, например, через PageSpeed Insights из инструментов вебмастера Google - ловят "привет" (а всё из-за того, что берут такие решения и просто ставят, как есть). Можете не соглашаться с истиной.
1 2 »
avatar