|
Сообщение от dmitriymar
|
... с плеерами не совсем так дело обстоит
насколько я понял -от количества записей зависит количество ячеек в меню.выбралась какаято-заиграла песня-меню свернулось.
при наведении на него -развернулось заиграла другая меню свернулось.так?
|
Ну разумеется, от количества дивов зависит количество имеющихся блоков ...
А на 1 страницу может понадобиться до более 100 штук ссылок (и скрытых блоков, соответственно).
Но т.к. блоки будут работать поодиночке - то нагрузка будет не очень высокая даже при таком количестве.
Вот слегка переструктурированный скрипт (в принципе так, как он будет располагаться на странице).
Ничего лишнего (типа украшений и прочего) мне там не нужно - иначе потом (при добавлении кода блоков) будет затруднительно работать.
Мне нужна чёткая функциональность скрипта, и ничего более.
В дивовых SCR подвесил (для примера) имена графических и звуковых файлов.
Звуковые файлы запускаются вставленными вкб-компонентами (подключаемыми модулями - а именно, стандартными виндовыми плеерами).
Замените имена этих файлов на любые другие имена файлов, имеющихся на вашем винте - и получите рабочий пример.
|
Код:
|
<html>
<head>
<script type="text/javascript">
//обьявление функции которая выполняет переключение между вкладками
function showTab(pTabIndex)
{
var i=1; for (i=1 ; i<tabs.length ; i++)
{
//делаем нужный контент-вкладку видимой.
//стальное - невидимами
tabs[i].style.display = (i == pTabIndex) ? "block" : "none";
//выделяем гиперссылку-корешок, соответствующую видимой вкладке,серым фоном , остальные - белым
tabs[i].style.backgroundColor = (i == pTabIndex) ? "#cccccc" : "#ffffff";
}
}
</script>
<!-- создаём стилевые классы для контейнеров ,
содержащего гиперссылки-корешки вкладок , и для контейнера , содержащего сами вкладки -->
<style>
.tabhost { border: thin solid #cccccc; padding:5px; }
.tabhs A { border: thin solid #cccccc; padding: 5px 5px 0px 5px ; }
</style>
</head>
<body>
<div class="tabhs">
<A id="tabH1" href="#" ONCLICK="showTab(1);">вкладка 1 </A><br><br>
<div id="tab1"><p><img src="1.jpg"><embed width="128" height="128" src="a.mp3"></p> </div>
<A id="tabH2" href="#" ONCLICK="showTab(2);">вкладка 2 </A><br><br>
<div id="tab2"><p><img src="2.jpg"><embed width="128" height="128" src="b.mp3"></p> </div>
<A id="tabH3" href="#" ONCLICK="showTab(3);">вкладка 3 </A><br><br>
<div id="tab3"><p><img src="3.jpg"><embed width="128" height="128" src="c.mp3"></p></div>
<A id="tabH4" href="#" ONCLICK="showTab(4);">вкладка 4 </A><br><br>
<div id="tab4"><p><img src="4.jpg"></p></div>
<A id="tabH5" href="#" ONCLICK="showTab(5);">вкладка 5 </A><br><br>
<div id="tab5"><p><img src="5.jpg"></p></div>
<A id="tabH6" href="#" ONCLICK="showTab(6);">вкладка 6 </A><br><br>
<div id="tab6"><p><img src="6.jpg"></p></div>
</div>
<script TYPE="text/javascript">
var tabs = new Array();
tabs[1] = document.all["tab1"];
tabs[2] = document.all["tab2"];
tabs[3] = document.all["tab3"];
tabs[4] = document.all["tab4"];
tabs[5] = document.all["tab5"];
tabs[6] = document.all["tab6"];
tabs[7] = document.all["tab7"];
tabs[8] = document.all["tab8"];
var tabHs = new Array();
tabHs[1] = document.all["tabH1"];
tabHs[2] = document.all["tabH2"];
tabHs[3] = document.all["tabH3"];
tabHs[4] = document.all["tabH4"];
tabHs[5] = document.all["tabH5"];
tabHs[6] = document.all["tabH6"];
tabHs[7] = document.all["tabH7"];
tabHs[8] = document.all["tabH8"];
//делаем изначально видимую первую вкладку
showTab(0);
</SCRIPT>
</body>
</html> |
В смысле - "от 50" и НИЖЕ ?
А если ВЫШЕ - то за что именно повышение ?
К тому же, это стоимость доработки вышеприведённого скрипта - или стоимость разработки специального скрипта ?
.