Главная » Файлы » Полезные скрипты для Ucoz

Переключатель серий
22.10.2014, 19:28

У меня есть сайт мультфильмов для детей. И я столкнулась с проблемой при добавлении мультсериалов. Сначала я добавляла каждую серию, как отдельный материал, и ставила ссылки "Предыдущая серия" и "Следующая серия".  Но на всё это оформление уходит очень много времени: поставить снова постер, сделать описание, поставить ссылки к следующей серии. Наконец я нашла в интернете очень полезную вещь - "Переключатель серий" - для пользователя на странице с фильмом виден только один плеер, а под ним ссылки следующих серий: "Серия 1", "Серия 2", "Серия 3", и т.д., при нажатии на которые появляется плеер с соответствующей серией на месте этого плеера, без перезагрузки страницы. Очень удобно.

Там, где будет находиться плеер (например при добавлении фильма в поле "Полный текст материала") прописываем:

<div class="tabcontents">
          
        <div class="content" id="tab1">
        <a href="#tab1"><span style="font-weight:bold;">1 Серия</span></a>
        <a href="#tab2">2 Серия</a>
        <a href="#tab3">3 Серия</a>    
        <hr />
        <p>КОД ПЛЕЕРА 1</p>
        </div>
        
        <div class="content" id="tab2">
        <a href="#tab1">1 Серия</a>
        <a href="#tab2"><span style="font-weight:bold;">2 Серия</span></a>
        <a href="#tab3">3 Серия</a>      
        <hr />
        <p>КОД ПЛЕЕРА 2</p>
        </div>
        
        <div class="content" id="tab3">
        <a href="#tab1">1 Серия</a>
        <a href="#tab2">2 Серия</a>
        <a href="#tab3"><span style="font-weight:bold;">3 Серия</span></a>      
        <hr />
        <p>КОД ПЛЕЕРА 3</p>
        </div>
        
   </div>

Выполняем "Вход в панель управления", заходим "Дизайн" - "Управление дизайном(шаблоны)" - "Таблица стилей CSS" в любое место:

div.tabcontents {height:600px;overflow: hidden;}
div.content {height:600px;overflow: visible;}

 

Этот код для трёх плееров (3 серий).
Если нужно больше серий, выполняйте по этой же схеме.
Не забывайте, что в поле "Полный текст материала" вмещается определённое количество символов, поэтому 60 серий сделать уже не получиться (у меня входит около 40 серий).

 

Демопример

Категория: Полезные скрипты для Ucoz | Добавил: Galina
| Комментарии: 2
Всего комментариев: 2
avatar
2
Только прошлое открытое видео не закрывается при переключении
avatar
1
Давно искал, спасибо за подробное описание!
avatar