Question

您好我已经创建了自己的投资组合网站。在右侧页脚的主页上，我想添加投资组合页面中的四个图像，每次页面加载时都会更改。任何人都可以告诉我这是如何实现的？

在投资组合页面上，这是html的结构：

<ul class="ourHolder">
        <li class="item" data-id="id-1" data-type="websites" >
            <img src="img/portfolio/websites/small/1.jpg" alt="">
            <div class="full"></div>
        </li>
        </li>
            <li class="item" data-id="id-2" data-type="pdesigns">
            <img src="img/portfolio/Print/small/1.jpg" alt="" />
            <div class="full"></div> 
        </li>
        <li class="item" data-id="id-3" data-type="ldesign">
            <img src="img/portfolio/Logo/small/001.jpg" alt="" />
            <div class="full"></div>
        </li>
 ....
 </ul>

我正在使用jquery流沙插件来创建一个很好的效果。我正试图从这个页面随机获取4张图片并将它们发布在页脚的主页上。这是我的网站：

foxteam.net

Answer 1

根据您提供的信息，您可以执行以下操作

//Database connection here
$sql="
SELECT image_link FROM photos
ORDER BY RAND()
LIMIT 4";
//Executing the query here
while($row = $result->fetch()){
  echo '<img src="', $row['image_link'], '" />';
}

修改：请注意ORDER BY RAND()对于大表有一些性能问题，如果您的“图库”表格不足100，那么我认为您不应该担心它。

从投资组合页面获取图像并在主页上发布

1 个答案: