Добрый вечер.
Есть такой вот забавный слайдер.
<div id="containers">
<!------------------------------------- THE CONTENT ------------------------------------------------->
<div id="jslidernews1" class="lof-slidecontent" style="width:800px; height:600px;">
<div class="preload"><div></div></div>
<!-- MAIN CONTENT -->
<div class="main-slider-content" style="width:800px; height:600px;">
<ul class="sliders-wrap-inner">
<li>
<img src="images/sliders/0.jpg">
</li>
<li>
<img src="images/sliders/1.jpg">
</li>
<li>
<img src="images/sliders/2.jpg">
</li>
</ul>
</div>
<!-- END MAIN CONTENT -->
<!-- NAVIGATOR -->
<div class="navigator-content">
<div class="button-next">Вперед</div>
<div class="navigator-wrapper">
<ul class="navigator-wrap-inner">
<li><img src="images/sliders/thumbs/0.jpg" /></li>
<li><img src="images/sliders/thumbs/1.jpg" /></li>
<li><img src="images/sliders/thumbs/2.jpg" /></li>
</ul>
</div>
<div class="button-previous">Назад</div>
</div>
<!----------------- END OF NAVIGATOR --------------------->
<!-- BUTTON PLAY-STOP -->
<div class="button-control"><span></span></div>
<!-- END OF BUTTON PLAY-STOP -->
</div>
<!------------------------------------- END OF THE CONTENT ------------------------------------------------->
</div>
$(document).ready( function(){
// кнопки вперед и назад для слайдов
var buttons = { previous:$('#jslidernews1 .button-previous') ,
next:$('#jslidernews1 .button-next') };
$('#jslidernews1').lofJSidernews( { interval : 4000,
direction : 'opacitys',
easing : 'easeInOutExpo',
duration : 1200,
auto : false,
maxItemDisplay : 3,
navPosition : 'horizontal', // horizontal
navigatorHeight : 58,
navigatorWidth : 80,
mainWidth : 800,
buttons : buttons } );
});
К нему еще подключается файл со скриптом, там много кода, если надо выложу.
Вопрос вот в чем: как мне подключить проигрывание фоновой музыки по нажатию на кнопку play. то есть чтобы по нажатию на Play запускалось слайдшоу и включалась фоновая музыка.
