Современная дерматология. Междисциплинарный консилиум
<!-- НАЧАЛО -->
<div class="project__container">
<!-- ТОР -->
<div class="project__top-container">
<div class="project__top-container2">
<div class="project__top">
<div class="project__top-left">
<h1 class="project__top-header">
Современная дерматология </h1>
<h3 class="project__top-header3">
Междисциплинарный консилиум </h3>
<div class="project__top-line">
</div>
<p class="project__top-text">
Первый медицинский канал совместно с Национальным альянсом дерматовенерологов и косметологов России представляет новый научно-образовательный цикл программ для дерматовенерологов, косметологов, аллергологов, иммунологов и других специалистов.
</p>
<p class="project__top-text">
Научный руководитель проекта – <b>Потекаев Николай Николаевич</b>, д.м.н., профессор, директор ГБУЗ «МНПЦДК ДЗМ», зав. кафедрой кожных болезней и косметологии ФДПО РНИМУ им. Н. И. Пирогова Минздрава России, президент Национального Альянса дерматовенерологов и косметологов, главный внештатный специалист по дерматовенерологии и косметологии ДЗМ и МЗ РФ.
</p>
</div>
<div class="project__top-right">
<img src="/upload/medialibrary/25b/wo9s788frdoqw0zffcp3vdzwcf00zi00/foto.webp" class="project__top-img" alt="Потекаев">
</div>
</div>
</div>
</div>
<!-- /ТОР --> <!-- ПЛИТКА С ВИДЕО - ШАШЕЧНАЯ -->
<div class="project__bottom-container">
<div class="project__back-left">
</div>
<div class="project__back-left project__back-left2">
</div>
<div class="project__bottom">
<div class="project__bubble">
<div class="project__bubble-header">
Приветственное слово
</div>
<div class="project__bubble-line">
</div>
</div>
<div class="project__cols3">
<div class="project__cols-block3">
<div class="project__cols-video">
<a target="_blank" href="/archive/tsikl-sovremennaya-dermatologiya-mezhdistsiplinarnyy-konsilium/privetstvennoe-slovo-potekaev.html">
<div class="project__cols-container3">
<img src="/upload/medialibrary/e4e/omqpagce4enytzl6f340s9yty6lccyig/play_button.svg" class="project__cols-playbtn3" alt="смотреть"> <img src="/upload/medialibrary/0a5/kuagddgr3kiy1e23qxmul6zqs59w5dyo/video_bottom1.webp" class="project__cols-player3" alt="видео">
</div>
</a>
</div>
<div class="project__cols-text3">
<p class="project__cols-text3-text">
«Мы стартуем курс лекций, посвященных пробемам не только дерматологии, но и смежных дисциплин. В рамках лекций будет представлен обмен мнений, который присутствует в нашей рутинной практике, а также в процессе обуждений-консилиумов наиболее сложных больных.
</p>
<p class="project__cols-text3-text">
Я желаю вам успешной работы, насыщаться знаниями и с успехом применять их на практике на благо наших больных»
</p>
<p class="project__cols-text3-members">
<a class="project__cols-text3-link" target="_blank" href="/speakers/potekaev-nikolay-nikolaevich/">Николай Потекаев</a>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- /ПЛИТКА С ВИДЕО - ШАШЕЧНАЯ --> <!-- ЭКСПЕРТЫ -->
<div class="project__bottom-container">
<div class="project__bottom">
<div class="project__bubble">
<div class="project__bubble-header">
Эксперты
</div>
<div class="project__bubble-line">
</div>
</div>
</div>
<div class="slider-overflow">
<div class="slider-container">
<div class="slider-content">
<div class="slider-single">
<img src="/upload/medialibrary/f1d/zjb5e2le9m04eln4x27zgczc2mfe4las/bobkoSI_sq_241.webp" class="slider-single-image" alt="Бобко">
<div class="slider-single-title slider-single-main">
<span class="slider-single-main-big">Бобко</span> Светлана Ивановна
</div>
<div class="slider-single-title slider-single-text">
к.м.н., врач-дерматовенеролог, косметолог, трихолог, ведущий научный сотрудник ГБУЗ «МНПЦДК ДЗМ», член Национального Альянса дерматовенерологов и косметологов
</div>
</div>
<div class="slider-single">
<img src="/upload/medialibrary/7b2/jl5ohodvmq0rgm50pa6094q2nutxexh9/HaldinAA_sq_241.webp" class="slider-single-image" alt="Халдин">
<div class="slider-single-title slider-single-main">
<span class="slider-single-main-big">Халдин</span> Алексей Анатольевич
</div>
<div class="slider-single-title slider-single-text">
д.м.н., профессор, главный научный сотрудник ГБУЗ «МНПЦДК ДЗМ», член Национального Альянса дерматовенерологов и косметологов
</div>
</div>
<div class="slider-single">
<img src="/upload/medialibrary/f2b/2pvo60nsslp4thyfnhq1j8vgl9eqahdj/artemyevaSI_241.webp" class="slider-single-image" alt="Артемьева">
<div class="slider-single-title slider-single-main">
<span class="slider-single-main-big">Артемьева</span> Софья Иосифовна
</div>
<div class="slider-single-title slider-single-text">
врач-дерматовенеролог, косметолог, научный сотрудник ГБУЗ «МНПЦДК ДЗМ», член Национального альянса дерматовенерологов и косметологов
</div>
</div>
<div class="slider-single">
<img src="/upload/medialibrary/6f3/2p59rqr0cpde16wwxvfc30uh2lehjdtx/kasihinaEI_sq_241.webp" class="slider-single-image" alt="Касихина">
<div class="slider-single-title slider-single-main">
<span class="slider-single-main-big">Касихина</span> Елена Игоревна
</div>
<div class="slider-single-title slider-single-text">
к.м.н., доцент кафедры дерматовенерологии, аллергологии и косметологии МИ РУДН, ведущий научный сотрудник ГБУЗ «МНПЦДК ДЗМ»
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /ЭКСПЕРТЫ --> <!-- СИНИЕ ВЫНОСНЫЕ ФОНЫ -->
<div class="project__back-right">
</div>
<div class="project__back-right project__back-right2">
</div>
<!-- /СИНИЕ ВЫНОСНЫЕ ФОНЫ --> <!-- ВИДЕО С ТАЙМКОДАМИ -->
<div class="video__container">
<div class="video__left" id="a-video">
<div class="video__main">
<div class="video-player" id="player"><img src="/img/player1.png" alt="" style="width: 80%; height: 100%; object-fit: cover;"></div><br><!-- seminar code --><section class="seminar" style="width: 100%;"><div class="seminar__timecodes"><p class="seminar__h2">Таймкоды:</p><ul><li><a href="javascript:void();" onclick="playerseek(138);"><span class="seminar__timecodes-time">00:02:18</span></a><span class="seminar__timecodes-text">История псориаза </span></li><li><a href="javascript:void();" onclick="playerseek(224);"><span class="seminar__timecodes-time">00:03:44</span></a><span class="seminar__timecodes-text"> Современные представления о псориазе </span></li><li><a href="javascript:void();" onclick="playerseek(275);"><span class="seminar__timecodes-time">00:04:35</span></a><span class="seminar__timecodes-text"> Классификация и локализация псориаза </span></li><li><a href="javascript:void();" onclick="playerseek(393);"><span class="seminar__timecodes-time">00:06:33</span></a><span class="seminar__timecodes-text"> Дифференциальная диагностика псориаза </span></li><li><a href="javascript:void();" onclick="playerseek(483);"><span class="seminar__timecodes-time">00:08:03</span></a><span class="seminar__timecodes-text"> Примеры клинических случаев </span></li><li><a href="javascript:void();" onclick="playerseek(620);"><span class="seminar__timecodes-time">00:10:20</span></a><span class="seminar__timecodes-text"> Дифференциальная диагностика с другими заболеваниями </span></li><li><a href="javascript:void();" onclick="playerseek(734);"><span class="seminar__timecodes-time">00:12:14</span></a><span class="seminar__timecodes-text"> Клинические наблюдения и гистологические критерии </span></li><li><a href="javascript:void();" onclick="playerseek(846);"><span class="seminar__timecodes-time">00:14:06</span></a><span class="seminar__timecodes-text">Анамнез и диагностика псориаза </span></li><li><a href="javascript:void();" onclick="playerseek(904);"><span class="seminar__timecodes-time">00:15:04</span></a><span class="seminar__timecodes-text">Зуд при псориазе </span></li><li><a href="javascript:void();" onclick="playerseek(924);"><span class="seminar__timecodes-time">00:15:24</span></a><span class="seminar__timecodes-text">Эволюция терапии псориаза </span></li><li><a href="javascript:void();" onclick="playerseek(978);"><span class="seminar__timecodes-time">00:16:18</span></a><span class="seminar__timecodes-text"> Клинические проявления и стадии псориаза </span></li><li><a href="javascript:void();" onclick="playerseek(1170);"><span class="seminar__timecodes-time">00:19:30</span></a><span class="seminar__timecodes-text">Лечение псориаза </span></li><li><a href="javascript:void();" onclick="playerseek(1239);"><span class="seminar__timecodes-time">00:20:39</span></a><span class="seminar__timecodes-text">Глюкокортикостероиды и их роль </span></li><li><a href="javascript:void();" onclick="playerseek(1353);"><span class="seminar__timecodes-time">00:22:33</span></a><span class="seminar__timecodes-text"> Топическая терапия псориаза </span></li><li><a href="javascript:void();" onclick="playerseek(1588);"><span class="seminar__timecodes-time">00:26:28</span></a><span class="seminar__timecodes-text">Себорейный дерматит </span></li><li><a href="javascript:void();" onclick="playerseek(1716);"><span class="seminar__timecodes-time">00:28:36</span></a><span class="seminar__timecodes-text">Клинические рекомендации </span></li><li><a href="javascript:void();" onclick="playerseek(1804);"><span class="seminar__timecodes-time">00:30:04</span></a><span class="seminar__timecodes-text"> Диагностика и лечение </span></li><li><a href="javascript:void();" onclick="playerseek(1915);"><span class="seminar__timecodes-time">00:31:55</span></a><span class="seminar__timecodes-text">Препараты и их применение </span></li><li><a href="javascript:void();" onclick="playerseek(2155);"><span class="seminar__timecodes-time">00:35:55</span></a><span class="seminar__timecodes-text">Вопросы и ответы </span></li><li><a href="javascript:void();" onclick="playerseek(2299);"><span class="seminar__timecodes-time">00:38:19</span></a><span class="seminar__timecodes-text"> Лечение при ВИЧ-инфекции </span></li><li><a href="javascript:void();" onclick="playerseek(2405);"><span class="seminar__timecodes-time">00:40:05</span></a><span class="seminar__timecodes-text"> Обострение псориаза </span></li><li><a href="javascript:void();" onclick="playerseek(2488);"><span class="seminar__timecodes-time">00:41:28</span></a><span class="seminar__timecodes-text"> Системная терапия при себорейном дерматите </p> </span></li></ul></div></section>
</div>
<h2 class="video__main-header">
Псориаз и себорейный дерматит: от теории к практике </h2>
<p class="video__main-members">
<a class="video__main-link" target="_blank" href="/speakers/bobko-svetlana-ivanovna/">Светлана Бобко</a>
</p>
</div>
</div>
<!-- /ВИДЕО С ТАЙМКОДАМИ --> <!-- СТАТЬЯ - СПИСОК -->
<div class="article__container">
<div class="article__main-container">
<div class="article__list">
<div class="article__list-left">
По официальным данным, количество пациентов с псориазом составляет более 240 человек на 100 тысяч населения. Заболеваемость составляет 66,5 тысяч на 100 тысяч населения.
</div>
<div class="article__list-right">
<ul class="article__list-ul">
<li class="article__list-li">
<div class="article__list-bullet">
</div>
<div class="article__list-text">
Первые упоминания о псориазе были в египетском папирусе 15 века до н.э.
</div>
</li>
<li class="article__list-li">
<div class="article__list-bullet">
</div>
<div class="article__list-text">
Псориаз – хроническое иммуноассоцированное заболевание с различными клиническими проявлениями, с доминирующим значением генетических факторов и нарушением процессов в дифференциации и кератинизации
</div>
</li>
<li class="article__list-li">
<div class="article__list-bullet">
</div>
<div class="article__list-text">
Дисбаланс воспаления связан с различными цитокинами
</div>
</li>
<li class="article__list-li">
<div class="article__list-bullet">
</div>
<div class="article__list-text">
Заболевание поражает опорно-двигательный аппарат, и вопрос инвалидизации сейчас выходит на первый план
</div>
</li>
<li class="article__list-li">
<div class="article__list-bullet">
</div>
<div class="article__list-text">
Особенно важна первичная профилактика псориатического артрита, которая достигается путем диагностики и совместного ведения пациентов с ревматологами
</div>
</li>
<li class="article__list-li">
<div class="article__list-bullet">
</div>
<div class="article__list-text">
Классификация псориаза различается в зависимости от локализации или первичных элементов
</div>
</li>
<li class="article__list-li">
<div class="article__list-bullet">
</div>
<div class="article__list-text">
Огромное количество кожных проявлений могут быть трактованы, как псориаз и нужна диагностика, чтобы отличить непосредственно псориаз от тех заболеваний, с которыми могут обращаться пациенты
</div>
</li>
<li class="article__list-li">
<div class="article__list-bullet">
</div>
<div class="article__list-text">
При диагностике может быть дополнительно использовано гистологическое исследование, чтобы непосредственно выявить заболевание
</div>
</li>
<li class="article__list-li">
<div class="article__list-bullet">
</div>
<div class="article__list-text">
На фоне лимфомы, болезни Девержи, атопического дерматита и некоторых других дерматозов возможно практически полное поражение кожи
</div>
</li>
</ul>
</div>
</div>
<!-- КНОПКА2 -->
<div class="article__btn-container">
<a class="project__btn" target="_blank" href="/archive/tsikl-sovremennaya-dermatologiya-mezhdistsiplinarnyy-konsilium/psoriaz-i-seboreynyy-dermatit-ot-teorii-k-praktike-bobko.html#seminar__transcription">
Открыть статью </a>
</div>
<!-- КНОПКА2 -->
</div>
</div>
<!-- /СТАТЬЯ - СПИСОК --> <!-- АНОНС НА ПЛАШКЕ -->
<div class="article__container">
<div class="article__anons-container">
<div class="article__anons">
<p class="article__anons-text">
Подробную информацию об особенностях диагностики псориаза, его стадиях, лечении, роли стрессовых факторов в течении заболевания смотрите в <a class="article__anons-link" target="_blank" href="/archive/tsikl-sovremennaya-dermatologiya-mezhdistsiplinarnyy-konsilium/psoriaz-i-seboreynyy-dermatit-ot-teorii-k-praktike-bobko.html">архиве</a>.
</p>
</div>
</div>
</div>
<!-- /АНОНС НА ПЛАШКЕ --> <!-- СИНИЕ ВЫНОСНЫЕ ФОНЫ -->
<div class="project__back-left">
</div>
<!-- /СИНИЕ ВЫНОСНЫЕ ФОНЫ --> <!-- ПЛИТКА С ВИДЕО - ШАШЕЧНАЯ -->
<div class="project__bottom-container">
<div class="project__bottom">
<div class="project__bubble">
<div class="project__bubble-header">
Другие видео
</div>
<div class="project__bubble-line">
</div>
</div>
<div class="project__cols3">
<div class="project__cols-block3 project__cols-block3-reverse">
<div class="project__cols-text3 project__cols-text3-reverse">
<h2 class="project__cols-text3-header">
Современные представления о клинике, диагностике и терапии простого герпеса </h2>
<p class="project__cols-text3-members">
<a class="project__cols-text3-link" target="_blank" href="/speakers/khaldin-aleksey-anatolevich/">Алексей Халдин</a>
</p>
<p class="project__cols-text3-text project__cols-text3-text1">
Простой герпес — заболевание, которое кажется знакомым каждому врачу, однако оно таит в себе гораздо больше сложностей, чем может показаться на первый взгляд.
</p>
<p class="project__cols-text3-text">
Видео обогатит вашу практическую деятельность и поможет подходить к лечению пациентов с ВПГ более комплексно и эффективно.
</p>
</div>
<div class="project__cols-video">
<a target="_blank" href="/archive/tsikl-sovremennaya-dermatologiya-mezhdistsiplinarnyy-konsilium/sovremennye-predstavleniya-o-klinike-diagnostike-i-terapii-prostogo-gerpesa-khaldin.html">
<div class="project__cols-container3">
<img src="/upload/medialibrary/e4e/omqpagce4enytzl6f340s9yty6lccyig/play_button.svg" class="project__cols-playbtn3" alt="смотреть"> <img src="/upload/medialibrary/175/q52nbv67mnmkmcdhjtbpsqtozdphiucg/video_bottom2.webp" class="project__cols-player3" alt="видео">
</div>
</a> <a class="project__cols-tag" target="_blank" href="/archive/?SPEC=131073">
#дерматовенерология </a> <a class="project__cols-tag" target="_blank" href="/archive/?SPEC=131085">
#косметология </a>
</div>
</div>
</div>
<div class="project__cols project__cols3">
<div class="project__cols-block3">
<div class="project__cols-video">
<a target="_blank" href="/archive/tsikl-sovremennaya-dermatologiya-mezhdistsiplinarnyy-konsilium/razbor-klinicheskikh-sluchaev-po-psoriazu-artemeva-bobko.html">
<div class="project__cols-container project__cols-container3">
<img src="/upload/medialibrary/e4e/omqpagce4enytzl6f340s9yty6lccyig/play_button.svg" class="project__cols-playbtn project__cols-playbtn3" alt="смотреть"> <img src="/upload/medialibrary/fe2/6uquehpk5dk1wlaf33qysfl4ouqsw17x/020425_bobko_artemeva.webp" class="project__cols-player3" alt="видео">
</div>
</a> <a class="project__cols-tag" target="_blank" href="/archive/?SPEC=131073">
#дерматовенерология </a> <a class="project__cols-tag" target="_blank" href="/archive/?SPEC=131085">
#косметология </a>
</div>
<div class="project__cols-text3">
<h2 class="project__cols-text3-header">
Разбор клинических случаев по псориазу </h2>
<p class="project__cols-text3-members">
<a class="project__cols-text3-link" target="_blank" href="/speakers/bobko-svetlana-ivanovna/">Светлана Бобко</a>, <a class="project__cols-text3-link" target="_blank" href="/speakers/artemeva-sofya-iosifovna/">Софья Артемьева</a>
</p>
<p class="project__cols-text3-text project__cols-text3-text1">
Видео поможет углубить знания в области диагностики и лечения одного из наиболее распространенных хронических заболеваний кожи — псориаза.
</p>
<p class="project__cols-text3-text">
Лекторы поделятся опытом ведения пациентов с различными формами заболевания, подробно разберут клинические случаи разной степени сложности, представив актуальные подходы к терапии и профилактике обострений.
</p>
</div>
</div>
</div>
<div class="project__cols3">
<div class="project__cols-block3 project__cols-block3-reverse">
<div class="project__cols-text3 project__cols-text3-reverse">
<h2 class="project__cols-text3-header">
Новые горизонты в терапии экземы </h2>
<p class="project__cols-text3-members">
<a class="project__cols-text3-link" target="_blank" href="/speakers/bobko-svetlana-ivanovna/">Светлана Бобко</a>, <a class="project__cols-text3-link" target="_blank" href="/speakers/kasikhina-elena-igorevna/">
Елена Касихина </a>
</p>
<p class="project__cols-text3-text project__cols-text3-text1">
Сегодня экзема является одним из наиболее распространенных кожных заболеваний. Несмотря на многочисленные исследования и разработки новых методов лечения, эта болезнь продолжает оставаться серьезной проблемой для пациентов и врачей.
</p>
<p class="project__cols-text3-text">
В видео лекторы рассмотрят современные подходы к лечению и профилактике заболевания.
</p>
</div>
<div class="project__cols-video">
<a target="_blank" href="/archive/tsikl-sovremennaya-dermatologiya-mezhdistsiplinarnyy-konsilium/novye-gorizonty-v-terapii-ekzemy-kasikhina-bobko.html">
<div class="project__cols-container project__cols-container3">
<img src="/upload/medialibrary/e4e/omqpagce4enytzl6f340s9yty6lccyig/play_button.svg" class="project__cols-playbtn project__cols-playbtn3" alt="смотреть"> <img width="389" src="/upload/iblock/bfc/i3d41xqrrihru6z7cytdlnw6gmlwxp0j/30%20мая%20Касихина%20Бобко.webp" height="219" alt="видео" class="project__cols-player3">
</div>
</a> <a class="project__cols-tag" target="_blank" href="/archive/?SPEC=131073">
#дерматовенерология </a> <a class="project__cols-tag" target="_blank" href="/archive/?SPEC=131085">
#косметология </a>
</div>
<div style="display:none;" class="project__cols-video">
<div class="project__cols-container4">
<img src="/upload/medialibrary/fb1/r2c2fucr63gey6nffbri6gbcbr18ntpr/soon3.webp" class="project__cols-player3" alt="видео">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /ПЛИТКА С ВИДЕО - ШАШЕЧНАЯ -->
</div>
<!-- КОНЕЦ -->
<script>
// Кнопки разворачивания и сворачивания скрытого текста1
const showButton = document.getElementById('showButton');
if (showButton) {
showButton.addEventListener('click', function () {
const expandableBlock = document.getElementById('expandableBlock');
if (expandableBlock && expandableBlock.classList.contains('project__hidden')) {
expandableBlock.classList.remove('project__hidden');
expandableBlock.classList.add('project__visible');
const hideButton = document.getElementById('hideButton');
if (hideButton) {
hideButton.classList.remove('project__hidden');
hideButton.classList.add('project__visible');
showButton.classList.add('project__hidden');
}
}
});
}
const hideButton = document.getElementById('hideButton');
if (hideButton) {
hideButton.addEventListener('click', function () {
const expandableBlock = document.getElementById('expandableBlock');
if (expandableBlock && expandableBlock.classList.contains('project__visible')) {
expandableBlock.classList.remove('project__visible');
expandableBlock.classList.add('project__hidden');
const showButton = document.getElementById('showButton');
if (showButton) {
showButton.classList.remove('project__hidden');
showButton.classList.add('project__visible');
hideButton.classList.add('project__hidden');
}
}
});
}
// Кнопки разворачивания и сворачивания скрытого текста2
const showButton2 = document.getElementById('showButton2');
if (showButton2) {
showButton2.addEventListener('click', function () {
const expandableBlock2 = document.getElementById('expandableBlock2');
if (expandableBlock2 && expandableBlock2.classList.contains('project__hidden')) {
expandableBlock2.classList.remove('project__hidden');
expandableBlock2.classList.add('project__visible');
const hideButton2 = document.getElementById('hideButton2');
if (hideButton2) {
hideButton2.classList.remove('project__hidden');
hideButton2.classList.add('project__visible');
showButton2.classList.add('project__hidden');
}
}
});
}
const hideButton2 = document.getElementById('hideButton2');
if (hideButton2) {
hideButton2.addEventListener('click', function () {
const expandableBlock2 = document.getElementById('expandableBlock2');
if (expandableBlock2 && expandableBlock2.classList.contains('project__visible')) {
expandableBlock2.classList.remove('project__visible');
expandableBlock2.classList.add('project__hidden');
const showButton2 = document.getElementById('showButton2');
if (showButton2) {
showButton2.classList.remove('project__hidden');
showButton2.classList.add('project__visible');
hideButton2.classList.add('project__hidden');
}
}
});
}
// ЭКСПЕРТЫ - СЛАЙДЕР
let timer;
function slideInitial() {
initBullets();
initArrows();
setTimeout(() => {
slideRight();
startAutoPlay();
}, 500);
}
function startAutoPlay() {
clearInterval(timer);
timer = setInterval(slideRight, 6000);
}
function stopAutoPlay() {
clearInterval(timer);
}
const repeat = false;
const noArrows = false;
const noBullets = false;
const container = document.querySelector('.slider-container');
var slide = document.querySelectorAll('.slider-single');
var slideTotal = slide.length - 1;
var slideCurrent = -1;
startAutoPlay();
function initBullets() {
if (noBullets) return;
const bulletContainer = document.createElement('div');
bulletContainer.classList.add('bullet-container');
slide.forEach((_, i) => {
const bullet = document.createElement('div');
bullet.classList.add('bullet');
bullet.id = `bullet-index-${i}`;
bullet.addEventListener('click', () => {
stopAutoPlay();
goToIndexSlide(i);
});
bulletContainer.appendChild(bullet);
});
container.appendChild(bulletContainer);
}
function initArrows() {
if (noArrows) return;
const leftArrow = document.createElement('a');
const iLeft = document.createElement('i');
iLeft.classList.add('fa', 'fa-arrow-left');
leftArrow.classList.add('slider-left');
leftArrow.appendChild(iLeft);
leftArrow.addEventListener('click', () => {
stopAutoPlay();
slideLeft();
startAutoPlay();
});
const rightArrow = document.createElement('a');
const iRight = document.createElement('i');
iRight.classList.add('fa', 'fa-arrow-right');
rightArrow.classList.add('slider-right');
rightArrow.appendChild(iRight);
rightArrow.addEventListener('click', () => {
stopAutoPlay();
slideRight();
startAutoPlay();
});
container.appendChild(leftArrow);
container.appendChild(rightArrow);
}
function slideInitial() {
initBullets();
initArrows();
setTimeout(function () {
slideRight();
}, 500);
}
function updateBullet() {
if (!noBullets) {
document.querySelectorAll('.bullet').forEach((elem, i) => {
elem.classList.toggle('active', i === slideCurrent);
});
}
checkRepeat();
}
function checkRepeat() {
if (!repeat) {
if (slideCurrent === slide.length - 1) {
slide[0].classList.add('not-visible');
slide[slide.length - 1].classList.remove('not-visible');
if (!noArrows) {
document.querySelector('.slider-right').classList.add('not-visible')
document.querySelector('.slider-left').classList.remove('not-visible')
}
}
else if (slideCurrent === 0) {
slide[slide.length - 1].classList.add('not-visible');
slide[0].classList.remove('not-visible');
if (!noArrows) {
document.querySelector('.slider-left').classList.add('not-visible')
document.querySelector('.slider-right').classList.remove('not-visible')
}
} else {
slide[slide.length - 1].classList.remove('not-visible');
slide[0].classList.remove('not-visible');
if (!noArrows) {
document.querySelector('.slider-left').classList.remove('not-visible')
document.querySelector('.slider-right').classList.remove('not-visible')
}
}
}
}
function changeSlide(direction) {
removeListenersFromSlides();
let nextIndex;
switch (direction) {
case 'right':
nextIndex = slideCurrent >= slideTotal ? 0 : slideCurrent + 1;
break;
case 'left':
nextIndex = slideCurrent <= 0 ? slideTotal : slideCurrent - 1;
break;
}
slide.forEach(elem => {
elem.classList.remove('preactivede', 'preactive', 'active', 'proactive', 'proactivede');
});
if (nextIndex > 0) {
slide[nextIndex - 1].classList.add('preactive');
}
slide[nextIndex].classList.add('active');
if (nextIndex < slideTotal) {
slide[nextIndex + 1].classList.add('proactive');
}
slideCurrent = nextIndex;
addListenersForSlides();
updateBullet();
}
document.querySelectorAll('.slider-single').forEach(sliderItem => {
sliderItem.addEventListener('click', function (event) {
event.stopPropagation();
const activeClass = this.classList.contains('preactive') ? 'preactive' : 'proactive';
if (activeClass === 'preactive') {
slideLeft();
} else if (activeClass === 'proactive') {
slideRight();
}
stopAutoPlay();
});
});
function addListenersForSlides() {
const preactive = document.querySelector('.preactive');
const proactive = document.querySelector('.proactive');
if (proactive) {
proactive.addEventListener('click', slideRight);
proactive.classList.add('pointer');
}
if (preactive) {
preactive.addEventListener('click', slideLeft);
preactive.classList.add('pointer');
}
}
addListenersForSlides();
function removeListenersFromSlides() {
const oldProactive = document.querySelector('.proactive');
const oldPreactive = document.querySelector('.preactive');
if (oldProactive) {
oldProactive.removeEventListener('click', slideRight);
oldProactive.classList.remove('pointer');
}
if (oldPreactive) {
oldPreactive.removeEventListener('click', slideLeft);
oldPreactive.classList.remove('pointer');
}
}
function slideRight() { changeSlide('right'); }
function slideLeft() { changeSlide('left'); }
function goToIndexSlide(index) {
const sliding = (slideCurrent > index) ? () => slideRight() : () => slideLeft();
while (slideCurrent !== index) {
sliding();
}
}
slideInitial();
// /ЭКСПЕРТЫ - СЛАЙДЕР
</script><script type="text/javascript">
var playerElement = document.getElementById('player');
if (playerElement) {
var player = new Playerjs({
id: "player",
file: "https://9maz2do9li.a.trbcdn.net/cdn/ribokuju57/content/050325_Bobko-sait.mp4/playlist.m3u8",
design: 1
});
} else {
console.error('Элемент с id="player" не найден.');
}
// Обработчик кнопки "doread" / таймкодов
function playerseek(tim) {
var playerElement = document.getElementById('player');
if (playerElement) {
playerElement.scrollIntoView({ behavior: 'smooth' });
player.api('seek', tim);
} else {
console.error('Плеер не найден при попытке перемотки.');
}
}
</script>