URL: ./index.php?page=item&id=1
OS-Class version 8.0
Web browsers tested : Firefox, Chromium, Edge
Operating systems tested: Linux, Windows 10
index.php source code:
<div class="item-photos">
<a href="javascript:;" data-fancybox-trigger="gallery" class="main-photo" title="Image 1 / 3">
<img src="./oc-content/uploads/0/1.jpg" alt="Example Ad" title="Example Ad" />
</a>
<div class="thumbs">
<a href="./oc-content/uploads/0/1.jpg" data-fancybox="gallery" class="fancybox" title="Image 1 / 3">
<img src="./oc-content/uploads/0/1_thumbnail.jpg" width="75" alt="Example Ad" title="Example Ad" />
</a>
<a href="./oc-content/uploads/0/2.jpg" data-fancybox="gallery" class="fancybox" title="Image 2 / 3">
<img src="./oc-content/uploads/0/2_thumbnail.jpg" width="75" alt="Example Ad" title="Example Ad" />
</a>
<a href="./oc-content/uploads/0/3.jpg" data-fancybox="gallery" class="fancybox" title="Image 3 / 3">
<img src="./oc-content/uploads/0/3_thumbnail.jpg" width="75" alt="Example Ad" title="Example Ad" />
</a>
</div>
</div>
Solved:Fancybox URLs in item.php should be (for current version): cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js
and: cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css