Slight Problem with JavaScript image grid/gallery

Copy link to clipboard
Copied
Ok so i have progresses fairly far into my new site, i implemented a javascript image grid/gallery.
I have had some issues, but as with most issues the more you mess around with it you find work arounds and solutions...
However i have run into one of the last problems i can think ill run into and it seems like it would be an easy fix but nothing i have tried has worked...
My problem: My site is going to be an image gallery/grid with each "tile" being able to be clicked on and you can see my "work" etc... So i began making the gallery based on my design, with the design i made and image grid i chose to run i needed to break it into a couple different gallery's due to the limits of how the JS grid could be used in my personal way. Not a big deal i will just use the grid multiple times. So i got the middle portion of my gallery done and the images are all set and not rotating (a must have). I then added another grid this time a smaller one of 4 tiles, however when i start adding images and coding the src of the imges it should pull from it is pulling from the larger gallery and thus rotating images (not what i want).
I have tried a lot and am out of ideas, and i am assuming now its a JS coding issue... which i hope is not the case because my knowledge of JS beyond editing it for visual needs is the bare minimal.
I added photos of my layout and code... the orange is what i have done and works perfectly, the blue is what i am working on and is causing problems.. if i need more code/photos which im sure i will let me know what you would need to look at.
I shortened grid1 html code in the png.. it just repeats for images.
Any ideas would help.
Thanks

Copy link to clipboard
Copied
also, let me know if this was the wrong section... i wasn't sure.

