Грижичка с една Галерийка - търся съдействие

[Pin2]

Търся малко съдействие да напасна една галерия (готов скрипт). Идеята е, че всичко си работи добре, но аз искам да сменя начина на работа и не се получава. Предполагам, че кода не е пригоден за това, което ме кара да потърся съдействие.
Галерията е от HTML файл + Js и CSS папка

Галерията може да се види тук: Галерията

Идеята е, че всеки "fluid" е отделна галерия, където има 16 снимки. Искам всяка от тези 16 снимки да я направя като отделна (индивидуална) подгалерия.

Ще е страхотно, ако някой може да пребори това нещото, защото мен ме мъчи вече няколко седмици и усещам, че май няма да се получи.

p.s. Нещата опират вече повече до инат отколкото нужда

 

[ReminD]

https://dimsemenov.com/plugins/magnific-popup/documentation.html#content-types

 

[Pin2]

Оценявам, че някой се е поинтересувал от проблема ми, но не е за моят случай. Това е за първи стъпки в направата на галерия
Пак ще отбележа, че това което искам да се случи е подгалерия в подгалерията. Може да погледнете тези 2 групи от снимки по-долу. Те се намират в една подгалерия, която аз искам да разделя и всяка група да е индивидуална. Имам предположение, че трябва да се работи по Java скрипта.

Ето и извадка от HTML-а:

                <!-- Page 1 Gallery One -->

                <li class="selected">                
                    <div class="cd-full-width">
                        <div class="container-fluid js-tm-page-content" data-page-no="1" data-page-type="gallery">
                            <div class="tm-img-gallery-container">
                                <div class="tm-img-gallery gallery-one">
                                <!-- Gallery One pop up connected with JS code below -->
                                    <div class="grid-item">
                                        <figure class="effect-sadie">
                                            <img src="img/file1/1a.jpg" alt="Image" class="img-fluid tm-img">
                                            <figcaption>
                                                <h2 class="tm-figure-title">Празник<span><br /><strong>2019</strong></span></h2>
                                                <p class="tm-figure-description">Информация</p>
                                                <a href="img/file1/1.jpg"></a>
                                                <a href="img/file1/2.jpg"></a>
                                                <a href="img/file1/3.jpg"></a>
                                                <a href="img/file1/4.jpg"></a>
                                                <a href="img/file1/5.jpg"></a>
                                                <a href="img/file1/6.jpg"></a>
                                                <a href="img/file1/7.jpg"></a>
                                                <a href="img/file1/8.jpg"></a>
                                                <a href="img/file1/9.jpg"></a>
                                            </figcaption>    
                                        </figure>
                                    </div>
                                    <div class="grid-item">
                                        <figure class="effect-sadie">
                                            <img src="img/test/2a.jpg" alt="Image" class="img-fluid tm-img">
                                            <figcaption>
                                                <h2 class="tm-figure-title">Снимка <span><strong>2</strong></span></h2>
                                                <p class="tm-figure-description">#####</p>
                                                <a href="img/file1/1.jpg"></a>
                                                <a href="img/file1/2.jpg"></a>
                                                <a href="img/file1/3.jpg"></a>
                                                <a href="img/file1/4.jpg"></a>
                                                <a href="img/file1/5.jpg"></a>
                                                <a href="img/file1/6.jpg"></a>
                                                <a href="img/file1/7.jpg"></a>
                                                <a href="img/file1/8.jpg"></a>
                                                <a href="img/file1/9.jpg"></a>
                                            </figcaption>
                                        </figure>
                                    </div>
                                    <div class="grid-item">
                                        <figure class="effect-sadie">
                                            <img src="img/test/3a.jpg" alt="Image" class="img-fluid tm-img">
                                            <figcaption>
                                                <h2 class="tm-figure-title">Снимка <span><strong>3</strong></span></h2>
                                                <p class="tm-figure-description">#####</p>
                                                <a href="img/test/3.jpg">Виж още</a>
                                            </figcaption>        
                                        </figure>
                                    </div>
                                    <div class="grid-item">
                                        <figure class="effect-sadie">
                                            <img src="img/test/4a.jpg" alt="Image" class="img-fluid tm-img">
                                            <figcaption>
                                                <h2 class="tm-figure-title">Снимка <span><strong>4</strong></span></h2>
                                                <p class="tm-figure-description">#####</p>
                                                <a href="img/test/4.jpg">Виж още</a>
                                            </figcaption>        
                                        </figure>
                                    </div>
                                    <div class="grid-item">
                                        <figure class="effect-sadie">
                                            <img src="img/test/5a.jpg" alt="Image" class="img-fluid tm-img">
                                            <figcaption>
                                                <h2 class="tm-figure-title">Снимка <span><strong>5</strong></span></h2>
                                                <p class="tm-figure-description">#####</p>
                                                <a href="img/test/5.jpg">Виж още</a>
                                            </figcaption>        
                                        </figure>
                                    </div>
                                    <div class="grid-item">
                                        <figure class="effect-sadie">
                                            <img src="img/test/6a.jpg" alt="Image" class="img-fluid tm-img">
                                            <figcaption>
                                                <h2 class="tm-figure-title">Снимка <span><strong>6</strong></span></h2>
                                                <p class="tm-figure-description">#####</p>
                                                <a href="img/test/6.jpg">Виж още</a>
                                            </figcaption>
                                        </figure>
                                    </div>
                                    <div class="grid-item">
                                        <figure class="effect-sadie">
                                            <img src="img/test/7a.jpg" alt="Image" class="img-fluid tm-img">
                                            <figcaption>
                                                <h2 class="tm-figure-title">Снимка <span><strong>7</strong></span></h2>
                                                <p class="tm-figure-description">#####</p>
                                                <a href="img/test/7.jpg">Виж още</a>
                                            </figcaption>        
                                        </figure>
                                    </div>
                                    <div class="grid-item">
                                        <figure class="effect-sadie">
                                            <img src="img/test/8a.jpg" alt="Image" class="img-fluid tm-img">
                                            <figcaption>
                                                <h2 class="tm-figure-title">Снимка <span><strong>8</strong></span></h2>
                                                <p class="tm-figure-description">#####</p>
                                                <a href="img/test/8.jpg">Виж още</a>
                                            </figcaption>        
                                        </figure>
                                    </div>
                                    <div class="grid-item">
                                        <figure class="effect-sadie">
                                            <img src="img/test/9a.jpg" alt="Image" class="img-fluid tm-img">
                                            <figcaption>
                                                <h2 class="tm-figure-title">Снимка <span><strong>9</strong></span></h2>
                                                <p class="tm-figure-description">#####</p>
                                                <a href="img/test/9.jpg">Виж още</a>
                                            </figcaption>        
                                        </figure>
                                    </div>
                                    <div class="grid-item">
                                        <figure class="effect-sadie">
                                            <img src="img/test/10a.jpg" alt="Image" class="img-fluid tm-img">
                                            <figcaption>
                                                <h2 class="tm-figure-title">Снимка <span><strong>10</strong></span></h2>
                                                <p class="tm-figure-description">#####</p>
                                                <a href="img/test/10.jpg">Виж още</a>
                                            </figcaption>
                                        </figure>
                                    </div>
                                    <div class="grid-item">
                                        <figure class="effect-sadie">
                                            <img src="img/test/11a.jpg" alt="Image" class="img-fluid tm-img">
                                            <figcaption>
                                                <h2 class="tm-figure-title">Снимка <span><strong>11</strong></span></h2>
                                                <p class="tm-figure-description">#####</p>
                                                <a href="img/test/11.jpg">Виж още</a>
                                            </figcaption>        
                                        </figure>
                                    </div>
                                    <div class="grid-item">
                                        <figure class="effect-sadie">
                                            <img src="img/test/12a.jpg" alt="Image" class="img-fluid tm-img">
                                            <figcaption>
                                                <h2 class="tm-figure-title">Снимка <span><strong>12</strong></span></h2>
                                                <p class="tm-figure-description">#####</p>
                                                <a href="img/test/12.jpg">Виж още</a>
                                            </figcaption>        
                                        </figure>
                                    </div>
                                    <div class="grid-item">
                                        <figure class="effect-sadie">
                                            <img src="img/test/13a.jpg" alt="Image" class="img-fluid tm-img">
                                            <figcaption>
                                                <h2 class="tm-figure-title">Снимка <span><strong>13</strong></span></h2>
                                                <p class="tm-figure-description">#####</p>
                                                <a href="img/test/13.jpg">Виж още</a>
                                            </figcaption>        
                                        </figure>
                                    </div>
                                    <div class="grid-item">
                                        <figure class="effect-sadie">
                                            <img src="img/test/14a.jpg" alt="Image" class="img-fluid tm-img">
                                            <figcaption>
                                                <h2 class="tm-figure-title">Снимка <span><strong>14</strong></span></h2>
                                                <p class="tm-figure-description">#####</p>
                                                <a href="img/test/14.jpg">Виж още</a>
                                            </figcaption>
                                        </figure>
                                    </div>
                                    <div class="grid-item">
                                        <figure class="effect-sadie">
                                            <img src="img/test/15a.jpg" alt="Image" class="img-fluid tm-img">
                                            <figcaption>
                                                <h2 class="tm-figure-title">Снимка <span><strong>15</strong></span></h2>
                                                <p class="tm-figure-description">#####</p>
                                                <a href="img/test/15.jpg">Виж още</a>
                                            </figcaption>        
                                        </figure>
                                    </div>
                                    <div class="grid-item">
                                        <figure class="effect-sadie">
                                            <img src="img/test/16a.jpg" alt="Image" class="img-fluid tm-img">
                                            <figcaption>
                                                <h2 class="tm-figure-title">Снимка <span><strong>15</strong></span></h2>
                                                <p class="tm-figure-description">#####</p>
                                                <a href="img/test/16.jpg">Виж още</a>
                                            </figcaption>        
                                        </figure>
                                    </div>                                                                    
                                </div>                              
                            </div>
                        </div>                                                
                    </div>                
                </li>

<!-- Page 2 Gallery Two -->

----------//-------------