在滑块

Question

我尝试使用此滑块：http://tympanus.net/codrops/2012/06/05/fullscreen-slit-slider-with-jquery-and-css3/但是每次幻灯片加载时都想播放不同的音频文件。

我想象它的工作方式，是让用户点击第一张幻灯片上的播放，完成播放的音频，然后更改幻灯片，它会自动播放下一个音频文件，所以它一直持续到所有幻灯片都是玩过。

当音频停止时，我已经达到滑块改变的程度，但无法一个接一个地弄清楚如何播放下一个音频文件。

我对jQuery很新，而且我正在苦苦挣扎。真的很感激任何帮助！

以下是我正在进行的工作：http://dailycrow.me/actualsite/

谢谢。

Answer 1

我要做的是使用脚本语言（如PHP）处理音频播放，并使用Javascript或JQuery参数调用所需方法。

您可以使用PHP嵌入HTML，以便播放音频。像这样：

$audioFile = "wishedAudioFile.mp3";
echo '<embed src="'.$audioFile.'" hudden="true" autostart="true"></embed>';

Answer 2

你可以维护一个源数组，其中每个索引引用一个幻灯片索引，从查看this doc，你可以使用onAfterChange事件，代码如下：

var audio = new Audio(), audSrcList = [
    'slide1.wav',
    'slide2.wav',
    'slide3.wav',
    'slide4.wav'
    ...
    ];

function afterSlideChange(slide, index){
    audio.src = audSrcList[index];
    audio.play();
};
...
$.Slitslider.defaults   = {

    ...

    // callbacks
    onBeforeChange : function( slide, idx ) { return false; },
    onAfterChange : afterSlideChange      //CHANGED here
};