0 Вопрос: Как динамически наложить набор сгруппированных изображений из некоторой папки

вопрос создан в Thu, May 2, 2019 12:00 AM

Предположим, у нас есть набор данных изображений, где каждое изображение имеет следующую структуру:

foo1.png
foo1_cloud.png
foo1_full.png

foo2.png
foo2_cloud.png
foo2_full.png

...

Теперь представьте, что все эти изображения находятся в папке somePath, наша проблема заключается в следующем. Мы хотим взять эти наборы изображений (, т. Е. , наборы изображений foo1 или foo2) и наложить эти изображения (, например, , foo1.png, foo1_cloud.png и 06003505062) 060001035062 и 06003505062 0600100035062. Тем не менее, мы хотели бы сделать это динамично. Так, например, что каждый раз, когда мы нажимаем кнопку Далее или Предыдущий , мы можем перебирать наш набор данных изображения в нашей папке foo1_full.png.

На данный момент мы имеем:

somePath/

Прежде всего, нам нужно запросить каждое изображение из папки


<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">

  <title>Title</title>
  <meta name="description" content="Content">
  <meta name="author" content="Content">

  <link rel="stylesheet" href="styles/index.css">

</head>

<body>
	<a href="#" class="previous">&#8249;</a>
	<img id="imgbase" src="somePath/foo1.png" />
	<img id="imgfull" src="somePath/foo1_full.png" />
	<img id="imgcloud" src="somePath/foo1_cloud.png" />
	<a href="#" class="next">&#8250;</a>
  <script src="scripts/server.js"></script>
</body>
</html>
относительно имени файла. Следовательно, нам нужно гарантировать имена файлов (, например, , somePath/, <filename>.png и <filename>_cloud.png), чтобы мы могли наложить эти три файла. Во-вторых, нам нужно указать поведение обновления файла для следующего или предыдущего имени файла.

Итак, наш вопрос заключается в следующем:

Как мы можем динамически наложить набор сгруппированных изображений из папки?

    
1
0 ответов                              0                         
<filename>_full.png
источник размещен Вот