动态幻灯片从Foreach循环

Dynamic Slideshow from Foreach loop

本文关键字：循环 Foreach 幻灯片 动态      更新时间：2023-09-26

我目前正在为我的工作做一个数字标牌项目，大部分后端工作已经完成。但是，我遇到的一个关键问题是如何将查询的输出显示为幻灯片格式。目前，所有的输出只是作为图像数组转储在网站上。我一直试图找出如何利用jquery与这个问题，但我不是很强大的领域，不知道如何实现它正确。任何帮助将非常感激!

我有一些查询代码，我省略了，但就我被卡住的地方而言，这是我所有的输出…

<?php
$show = array();
foreach ($rows as $k=>$v) {
    $show[] = '<img src="https://cdn.centralgatech.edu/digitalSignageImages/thumbs.php?file='.$v['content_name'].'" class="img-responsive" width="100%" alt="'.$v['content_desc'].'" height="100%">';
}
print_r($show);
?>

一般来说，你必须使$.get() ajax调用，然后插入html检索从后端在你的DOM使用append jQuery方法。

假设你的后端调用http://your-domain.com/get-h1返回类似<h1>Hello world</h1>的东西

现在你只需要从javascript中调用它，比如

$.get(http://your-domain.com/get-h1, function(response) {
     $('.your-element').append(response);
});
相关文章：