Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Помогите отредактировать переключатель плееров?

Помогите отредактировать переключатель плееров?


     25.05.2015    Общие вопросы, Общие вопросы по вёрстке    3218

вопрос
"Переключатель плееров". Все устраивает, но есть одно "но". Как сделать так, чтобы при загрузке страницы 1 плеер появлялся сразу? Сейчас чтобы 1 плеер появился, нужно нажать на 1 кнопку. Вот код:


<html>
<head>
    
    <script src="http://code.jquery.com/jquery-2.1.0.js"></script>
    <style>
html {
    height: 100%;
    overflow: hidden;
    }
body {
    margin: 0;
    padding: 0;
    }
.top_buttons {
    display: block;
    font-family: sans-serif;
    }
.top_buttons .goPlayerBtn {
    display: inline-block;
    border: 1px solid #000;
    padding: 3px;
    }
    .boxForm {
    background: #ccc;
    }
    .boxForm .goPlayer {
    display: none;
    }
    .boxForm .goPlayer.Active {
    display: block;
    }
    </style>
    <script type="text/javascript">
        function goPlayerBtn ( id ) {

            $(".goPlayer").removeClass("Active");
            $(".box" + id).addClass("Active");

        }
    </script>
<body>


<div class="top_buttons">
    <div class="goPlayerBtn" onclick="goPlayerBtn('1')">1 плеер кнопка</div>
    <div class="goPlayerBtn" onclick="goPlayerBtn('2')">2 плеер кнопка</div>
    <div class="goPlayerBtn" onclick="goPlayerBtn('3')">3 плеер кнопка</div>
</div>

<div class="boxForm">
    <div class="goPlayer box1">
     Плеер 1
    </div>
    <div class="goPlayer box2">
     Плеер 2
    </div>
    <div class="goPlayer box3">
     Плеер 3
    </div>
</div>

</body>
</html>

Ответа пока нет


2 комментария

FastFud
Юзер

FastFud - 26 мая 2015 11:37 -

<div class="boxForm">
    <div class="goPlayer box1 Active">
     Плеер 1
    </div>
    <div class="goPlayer box2">
     Плеер 2
    </div>
    <div class="goPlayer box3">
     Плеер 3
    </div>
</div>

sergeysamartsev
Юзер

sergeysamartsev - 31 мая 2017 17:18 -


Установил данный скрипт страница перестала прокручиватся вниз . Что изменить?

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх