Here is a Drupal issue description which I think describes the same problem:
https://www.drupal.org/node/2794099
I don't understand JavaScript very well so the answer may be on that page, but I don't know how to implement the wrapper they mention.
My HTML code looks like this:
Code: Select all
<a onClick="return hs.expand(this, { slideshowGroup: '{{ first_name }}' })" href="{{ photos_array[0] }}">
<img class="img-responsive" src="{{ thumbnails_array[0] }}">
</a>
<a onClick="return hs.expand(this, { slideshowGroup: '{{ first_name }}' })" href="{{ photos_array[1] }}">
<img class="img-responsive" src="{{ thumbnails_array[1] }}">
</a>
<a onClick="return hs.expand(this, { slideshowGroup: '{{ first_name }}' })" href="{{ photos_array[2] }}">
<img class="img-responsive" src="{{ thumbnails_array[2] }}">
</a>