Javascript 检索数据库条目并将其放入php数组

“我的数据库”中包含带有图片文件路径的记录。 我想检索这些记录并将它们放入一个php数组中，以便在我的网页上显示图片。图片将显示在页面中央，并带有左右按钮用于导航

我希望实现的目标是，当按下左键时，它将显示上一条记录，当按下右键时，它将显示下一条记录

我被告知使用javascript和数组将是最好的选择。因此，如果有人能告诉我怎么做，我将不胜感激

条目将按图片id排序，包含路径的字段标记为文件位置

数据库查询。表

演示文稿

具有唯一的

code

和

id

，表

slide

包含

文件位置

，并且具有唯一的

id

及其所属演示文稿的

id

$sql_pres_slide= new CGenRs("SELECT * FROM presentation", $cao);
        $sql_pres_slide->first();
        $sql_pres_select= new CGenRs("SELECT * FROM slide where presentation_id='".$sql_pres_slide->valueof('pres_id')."'", $cao);
        $sql_pres_select->first();

html

<table border="1" align="center">
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>

    <tr>
        <td><span onclick="<?php echo "PREVIOUS DATABASE RECORD" ?>" style="color: #999; font-size: 25px" class="glyphicon glyphicon-menu-left" ></span></td>
        <td> <div class="backgrund_img" >

        <img src="../administration/file_manager/files/samsungS4-portrait-white.png" class="background_img" style="height:786px; width:406px; " />
        <div id="inside_img"><img src="<?php echo $sql_pres_select->valueof('file_location')  ?>" style="width: 360px; height:640px;"/></div>

    </div>  
</td>
<td><span onclick="<?php echo "NEXT DATABASE RECORD" ?>" style="color: #999; font-size: 25px" class="glyphicon glyphicon-menu-right" ></span></td>
    </tr>
       </table>

我不确定是否理解你的问题，但在我看来，有一点困惑。。。
您希望实现一个旋转木马（web上有很多旋转木马，可以随时使用），但总的来说，当用户按下左键或右键时，您谈论的是使用javascript获取图像

我认为这可以通过两种不同的方法实现：
1.将所有图像加载到javascript数组中
2.加载javascript变量中的第一个图像，并使用ajax调用返回或前进

让我们看几个例子

第一种方法：

<script  type="text/javascript">
var images=new Array(<?php implode($images);?>);
$().ready(function(){
  $('prev').click(function(){
    //go to previous image
  })
  $('next').click(function(){
    //go to next image
  })
})
</script>

<script  type="text/javascript">
var images=<?php $images[0];?>;
$().ready(function(){
  $('prev').click(function(){
    $.ajax({
      url: "yourPhpImageScroller.php",
      data: {direction:'prev'},
      success: function(data){
        //go to previous image
      }
     });
    });
  }):
  $('next').click(function(){
    $.ajax({
      url: "yourPhpImageScroller.php",
      data: {direction:'next'},
      success: function(data){
        //go to next image
      }
     });
    });
  })
})
</script>


var images=新数组（）；
$（）.ready（函数（））{
$（'prev'）。单击（函数（）{
//转到上一张图片
})
$（'next'）。单击（函数（）{
//转到下一个图像
})
})

第二种方法：

<script  type="text/javascript">
var images=new Array(<?php implode($images);?>);
$().ready(function(){
  $('prev').click(function(){
    //go to previous image
  })
  $('next').click(function(){
    //go to next image
  })
})
</script>

<script  type="text/javascript">
var images=<?php $images[0];?>;
$().ready(function(){
  $('prev').click(function(){
    $.ajax({
      url: "yourPhpImageScroller.php",
      data: {direction:'prev'},
      success: function(data){
        //go to previous image
      }
     });
    });
  }):
  $('next').click(function(){
    $.ajax({
      url: "yourPhpImageScroller.php",
      data: {direction:'next'},
      success: function(data){
        //go to next image
      }
     });
    });
  })
})
</script>


var图像=；
$（）.ready（函数（））{
$（'prev'）。单击（函数（）{
$.ajax({
url:“yourPhpImageScroller.php”，
数据：{方向：'prev'}，
成功：功能（数据）{
//转到上一张图片
}
});
});
}):
$（'next'）。单击（函数（）{
$.ajax({
url:“yourPhpImageScroller.php”，
数据：{方向：'next'}，
成功：功能（数据）{
//转到下一个图像
}
});
});
})
})

我假设$images是一个php数组，包含您的所有图像
查看快速Google提供的多（多！）jQuery图像滑块。您可以使用
javaScript
array存储图像路径，并根据用户导航播放数组
索引
@雷昂达布，我去看看，然后回来报告！是的，这差不多概括了我想用它做什么。我现在正忙于第一种方法，完成后将向您汇报。关于回答我的问题。。。我需要指导，而你提供了。所以这个答案将被标记为“有用！”：）