Question

我有一个用标准内容（html，javascript，jquery，php）编码的网站。我有一个文件夹，我将全天转储图像。我需要能够在平板电脑上访问网站，从图像到图像轻扫，并能够选择一个或多个（通过文件名），然后将该列表传递给下一个程序。

我主要使用数据库表格等，不确定图像的显示以及扫描和跟踪所选图像。任何帮助指出我正确的方向将不胜感激！我真的不希望任何人做我的工作......只是不知道从哪里开始（是的，我已经谷歌搜索了一段时间）。

谢谢！

Answer 1

解决问题有很多不同的可能性。您可以使用Bootstrap's Carousel。它工作得很好;假设您正在使用PHP，您可以根据目录内容创建元素。

Carousel的基本代码 - 直接来自Bootstrap的内容：

<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img class="d-block w-100" src="..." alt="First slide">
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="..." alt="Second slide">
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="..." alt="Third slide">
    </div>
  </div>
  <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>

要制作自动化PHP脚本，您可以使用scandir并使用foreach循环来遍历内容：

<?php
$dir = './images/';
$file_list = array_diff(scandir($dir), array('..', '.'));

foreach($file_list as $item)
{
    echo '<div class="carousel-item">';
    echo '<img="' . $item . '" class="d-block w-100">';
    echo '</div>';
}
?>

这将根据该目录中的文件创建一个循环。

通过滑动或点击，以多个选择

1 个答案: