小编use*_*342的帖子

如果之前有人使用过jplayer,我需要帮助解决这个问题.

我有多个jplayers,每个玩家都想要播放自己的音频文件.但它并没有这样做,如果我玩一个jplayer,然后所有的jplayers播放,所有播放来自所选jplayers的一个音频文件.事实上,如果我在一个jplayer中使用控件,它也会控制所有其他jplayers.

所以我试图实现一个多实例jplayers,其信息来自于:

http://www.jplayer.org/latest/demo-03/

但我真的很难实现这个,所以我的问题是有人可以帮助我完成这个实现,以便jplayers工作应该做,而jplayer只控制自己的播放器而不影响其他jplayers？

下面是我目前的javascript代码(查看源代码):

<script type="text/javascript">   
    $(document).ready(function(){
  $("#jquery_jplayer_1-72-0").jPlayer({
    ready: function () {
      $(this).jPlayer("setMedia", {
        mp3: "AudioFiles/Kalimba.mp3"
      });
    },
    play: function() { // To avoid both jPlayers playing together.
      $(this).jPlayer("pauseOthers");
   },
    solution:"flash,html",
    swfPath: "jquery",
    supplied: "mp3"
  });
}); 
</script>

更新:

实际代码:

如果没有音频文件,则为每个音频文件显示空白,显示音频播放器.我也包括了html控件,不确定是否需要,但发布它以防万一

        //start:procedure audio
        $aud_result = '';
        if(empty($arrAudioFile[$key])){
          $aud_result = ' ';
        }else{

$j = 0;
foreach ($arrAudioFile[$key] as $a) { 

        $info = pathinfo('AudioFiles/'.$a); 
?>

<script type="text/javascript">   
    $(document).ready(function(){

$("#jquery_jplayer_1-<?php echo $key.'-'.$j; ?>").jPlayer({
    ready: function () {
      $(this).jPlayer("setMedia", {
        <?php echo …

我试图单独显示单个图像,并在滑块中显示多个图像.唯一的问题是我无法在滑块中获取与单个图像相同高度的图像,它显示的图像要小得多.如何才能使图像的大小匹配？即使我得到的图像高度和宽度相同,图像也会在滑块中显示得更小.

这是一个显示图像的应用程序:HERE

(忽略通知错误)

代码显示图像和滑块:

<?php 
    //start:procedure image
    if(count($arrImageFile[$key]) == 1){
        foreach ($arrImageFile[$key] as $i) {
?>
<p><img alt="<?php echo $i; ?>" height="200" width="200" src="<?php echo 'ImageFiles/'.$i; ?>"></p>
<?php 
        } 
    } else if(count($arrImageFile[$key]) > 1){
?>

<style>
    #galleriaimage_<?php echo $key; ?>{ width: 200px; height: 250px; background: #000 }
</style>
<div id="galleriaimage_<?php echo $key; ?>">
<?php foreach ($arrImageFile[$key] as $i) { ?>
    <img alt="<?php echo $i; ?>" height="250" width="200" src="<?php echo 'ImageFiles/'.$i; ?>">
<?php } ?>
</div>

<script type="text/javascript">
    Galleria.loadTheme('jquery/classic/galleria.classic.min.js');
    Galleria.run('#galleriaimage_<?php …