Як зробити титри на сайті за допомогою jquery.

Відео: Як зробити титри самому в PowerDirektor - 4

Відео: Додавання титрів в відео в програмі Movie Maker

Сьогодні я хочу показати вам, як створити титри на вашому сайті за допомогою плагіна для бібліотеки JQuery.

Зайдіть за посиланням: https://epichail.com/endcredits/fim.html І натисніть кнопку "Open Credits", щоб переглянути приклад того, як це буде виглядати.

Відео: Title in / Титри в Adobe Premiere Pro CS5

Щоб завантажити необхідні файли, перейдіть за посиланням: https://github.com/malkafly/endcredits/ і натисніть кнопку "Download ZIP", щоб завантажити ZIP архів. створимо html сторінку такого змісту:

 
lang="En"gt; 
 
charset="UTF-8"gt; 
Test 
href="Jumbotron-narrow.css"rel="Stylesheet"gt; 
href="Endcredits.css"rel="Stylesheet"gt; 
 
 
href="#creditos"name="Creditos"gt;посилання 
id="Titles"gt; 
id="Credits"gt; 
id="The-end"gt;PetPaw.co 
/ Gt; 
 
 
 Founder 
 Daniel Malkafly 
 Creative 
 Fabio Munhoz 
 Operations 
 Gabriela Cardoso 
 Business 
 Isabela Cardoso 
 Sales 
 Alex Pinto 
 Social Media 
 Felippe Linhares 
 Tecnical Suport 
 Danilo Costa 
 Developer # 1 
 Rafael Albuquerque 
 Developer # 2 
 Adrian Borsati 
 Data Base Analysis 
 Leandro Miyabayashi 
 Designer # 1 
 Lucas Isvairosvikh 
 Map markers 
 Loraine Vilches 
 Infrastructure 
 Vinicius Moreira 
 Turkey partner 
 Ozgür Dinçer 
 
 
 
 Lead Moderator 
 Paloma Perachini 
 Moderator analysis 
 Gabriela Cardoso 
 Moderator # 1 
 Gisele Souza 
 Moderator # 2 
 Frank Alma 
 Moderator # 3 
 Joe Magnata 
 
 
 Cachorro Verde, Cantinho Animal, Diego Carneiro, Maitê Lima, Seiti Kaziami, Cecília Amodeo, FotoPet, Bruno Kenj, Juliana GM, Silvia Valadares, Lucas Romão, and more ...

Ми підключаємо потрібні нам стилі і скрипти і створюємо посилання c атрибутом name і href рівним creditos. При кліці по цьому посиланню і будуть починатися наші титри, які, до речі, пишуться в div`Ах з id=titles і credits. В h1 пишуться заголовки, а в dl і dt перелік. Можна також писати якісь опису в тезі p і вставляти зображення за допомогою тега img.