我正在建立一个食品网站,允许客户建立许多定制菜单,这些菜单将显示在他们机构的监视器上。该网站是用 PHP 构建的,现在我面临如何让屏幕旋转的挑战。
有 6 个不同的屏幕要显示,每个屏幕都包含存储在数据库中的图像。我需要在预定的时间后连续运行所有六个屏幕。我意识到单独的 PHP 不会这样做,所以我使用 jQuery 来协助。闪存不是一个选项。
问题是 jQuery 需要从数据库中提取一个允许屏幕更改的屏幕 ID。有没有人创造过这种情况?我对无缝完成这项工作的最佳方式感到困惑。
您不需要让 JavaScript 回调到后端来获取固定轮换中的下一个 ID,只需将信息与页面一起发送即可。例如:
// assume URL formatted like: http://mymenu.com/page.php?n=13
$query = 'SELECT page_id FROM menu_pages WHERE menu_id = x ORDER BY [some condition]';
// code here runs query, creates array of page IDs, ie:
$ids = array(11,12,13,14,15,16);
$cur_id = intval($_GET['n']);
$next_index = array_search($cur_id, $ids) + 1;
$next_id = $ids[$next_index];
echo 'Cur: ' . $cur_id . ' Next: ' . $next_id;
// output: Cur: 13 Next: 14
$js_var = <<<_EOI_
<script type="text/javascript">
var next_page = $next_id
</script>
_EOI_
// or without javascript at all
$meta_refresh = <<<_EOI_
<meta HTTP-EQUIV="REFRESH" content="30; url=http://mymenu.com/page.php?n=$next_id">
_EOI_