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

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


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

вопрос
"Переключатель плееров". Все устраивает, но есть одно "но". Как сделать так, чтобы при загрузке страницы 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>

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


1 комментарий

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>

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

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

наверх