Can you provide recommendations for a gallery suitable for my web project? The project utilizes:
- jQuery
- Bootstrap
An ideal gallery would be based on jQuery.
Here are the requirements and preferences:
- Compact CSS and JavaScript files.
- Utilization of the picture tag.
- Clear differentiation between thumbnails and full-size images.
- Responsive design for mobile devices.
- Lazy loading feature (if available).
Something similar to Fotorama is desired: Надо что-то типа фоторамы.
However, aspects 2 and 3 of Fotorama are not satisfactory.
Fotorama is implemented as follows:
<div class="fotorama"
data-nav="thumbs">
<a href="1.jpg"><img src="1_thumb.jpg"></a>
<a href="2.jpg"><img src="2_thumb.jpg"></a>
</div>
Uncertain if the gallery supports the use of the picture tag in this scenario.
Here is the documentation:
While Fotorama may not be suitable, a similar option meeting the specified requirements is desired.
Appreciate any recommendations. Thank you.