Skip to main content
4 of 9
edited title
Mojtaba Reyhani
  • 2.1k
  • 8
  • 35
  • 67

how to get "Non Static Images" in twig template?

I try to create a slideshow in front page of my theme to show all images in custom directory, I use below codes to get any non static images path:
Theme Name.theme:

$mask = '/\.(?:jp[e]?g|gif|png)$/i';
$files = file_scan_directory(drupal_get_path('theme', 'Theme Name') . '/assets/img/orbit', $mask);
ksort($files);
$variables['files'] = $files;

page.html.twig:

<div class="slideshow">
{% for file in files %}
<img src="{{ file.uri }}" width="100%" height="100%" alt="{{ file.name }}"/>
{% endfor %}

I would be happy to hear what is the problem with the codes and what is the right way to load that slideshowe pictures?

Mojtaba Reyhani
  • 2.1k
  • 8
  • 35
  • 67