Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Фоновая музыка для слайдшоу (https://javascript.ru/forum/events/44431-fonovaya-muzyka-dlya-slajjdshou.html)

Batyabest 19.01.2014 17:07

Фоновая музыка для слайдшоу
 
Добрый вечер.
Есть такой вот забавный слайдер.
<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 запускалось слайдшоу и включалась фоновая музыка.

krasovsky 20.01.2014 11:54

Подключить какой нибудь плейер и юзать его api и api слайдера.
Не умеете ? Учиться,учиться и еще раз ууситься Или заплатить тому кто это сделает.

Потому что на ваш вопрос ответить нельзя,можно только за вас написать скрипт.

Batyabest 20.01.2014 13:22

Спасибо за полезный совет. Вопрос остается открытым.

cyber 20.01.2014 19:23

Batyabest, воспользуйтесь этим плеером http://kolber.github.io/audiojs/ там есть доки, и он кроссбраузерный

Batyabest 20.01.2014 22:10

cyber, спасибо, почитаю


Часовой пояс GMT +3, время: 23:09.