This lightbox type script creates a gallery grouping of all elements on a page with a specific class name, after clicking an element you can scroll through each image in the gallery within the lightbox. Each element is also given a number which is visible in the lighbox such as 1/5,2/5,etc, according to the order the script encountered them on the page.
The current functionality leaves us with limited uses for the script. i.e. You can not use it on unrelated elements within the same page because they would all show up within the gallery window, which would be confusing and not user friendly.
Modify the script so it can create multiple gallery groupings per page based on the elements title attribute. All elements that should be grouped together in the lightbox window will have identical title attributes, or if the element should have it's own grouping it will be a unique title attribute.
Then, assuming i'm on a product page, if I click on a product image with the title="Adult T-Shirt Item Test", within the lightbox I will only be able to scroll through other elements which also had this title. The number that is visible in the lightbox should also only reflect the elements in that particular grouping. So, if I also had a sizing chart on my product page title="Sizing Chart", in the lightbox I would see the number 1/1 and I would not be able to scroll through any other images because it has it's own grouping.
I've spent quite a bit of time looking through the script myself, I think this will be an easy modification for someone skilled in js/jQuery but it's a little past my current skill level.
I will share my url where this is implemented with the winning bidder. I've attached the script for your pre-bid reference.
Please share with me your JS/jQuery/other js framework experience, references, portfolio, blog, etc, whatever adds to your credibility. Hoping to get this finished asap.