Question

我在文件夹中有一些文件（图像，pdf，文本）说我的文件是：

image1.jpg
image2.jpg
pdf1.pdf
text1.txt

在“文件”文件夹中。
现在我想用自定义时间显示每个文件，例如

image1.jpg - 5秒
image2.jpg - 10秒
pdf1.pdf - 20秒
text1.txt - 15秒

假设我的文件路径和文件时间为key =＆gt; array

我该怎么做？

我在php和javascript中尝试过这样做

<script>

function display_time(param1)
{
  var time=param1*60*1000;
  var res=setTimeout(doHide,time);
  function doHide(){
      document.getElementById("file").style.display = "none";

  }

}


<?php
**// assume i have my file path and file time in $input respectively**
    $image_ext=["jpg","png"];
  $file_path=array_keys($input); 
  $file_time=array_values($input);
  $i=0;

  for($i;$i<count($input);$i++){
  $ext= pathinfo($file_path[$i],PATHINFO_EXTENSION);
  echo '<div class="section" style="max-width:800px">';
  if(in_array($ext,$GLOBALS['image_ext'])){
  echo '<img src= '.$file_path[$i].' alt = "This image cant be loaded" style="width:800px" id="file">';
  echo '<script>display_time('.$file_time[$i].');</script>';

  }
  elseif(($ext=="txt")){
  echo '<p id="file">'.file_get_contents($file_path[$i]).'</p>';
  echo '<script>display_time('.$file_time[$i].');</script>';

  }
  elseif($ext == 'pdf'){
  echo '<embed src='.$file_path[$i].' width="800px" height="2500px" id="file"/>';
  echo '<script>display_time('.$file_time[$i].');</script>';

  }
  echo '</div>';
  }

?>

Answer 1

您应该使用materialize

使用简单的代码：

<div class="carousel">
<a class="carousel-item" href="#one!"><img src="https://lorempixel.com/250/250/nature/1"></a>
<a class="carousel-item" href="#two!"><img src="https://lorempixel.com/250/250/nature/2"></a>
<a class="carousel-item" href="#three!"><img src="https://lorempixel.com/250/250/nature/3"></a>
<a class="carousel-item" href="#four!"><img src="https://lorempixel.com/250/250/nature/4"></a>
<a class="carousel-item" href="#five!"><img src="https://lorempixel.com/250/250/nature/5"></a>

并启动它：

$(document).ready(function(){
  $('.carousel').carousel();
});

希望你需要的东西！

Answer 2

尝试为每个文件创建一个对象实施例

let objArray = [
{
url = '/file.jpg',
time = 5
}
.....
]

然后创建一个setTimeout并将对象时间值

放在那里

settimeout(function(){
...
}, objArray[n].time*1000);

文件的动态幻灯片（任何类型）

2 个答案: