I am in need of a jQuery plugin that can handle a collection of images with varying sizes and file types (i.e. .jpg, .png, etc.). The plugin should offer features like next, previous buttons, caption titles, and the ability to slide through the images seamlessly.
To ensure optimal display on my webpage, I am utilizing PHP code to manage the dimensions (width & height) of each image. For example, if an image exceeds 700px in width, it is automatically resized using
style="width:700px; height:auto;"img tag. This allows for consistent image sizing across different devices.
The sizes of my images vary, with some being as small as 400 KB and others around 2 MB, but none exceeding 2 MB in size.
While I have tried using plugins like galleria and nivoSlider to achieve this functionality, I have encountered issues such as slow loading times due to large image sizes causing errors in the script execution. Additionally, nivoSlider lacks the smooth sliding effect I desire, leading to overlapping images in some cases.