Galeria obrazków - filtr kategorii a lightbox - jak ze sobą zgrać?

[Aerografit]

Witam was serdecznie,

Mam galerię z moimi realizacjami malowanymi aerografem i są one podzielone na kaski, motocykle, samochody, itp. Jak wiadomo tradycyjnie po kliknięciu w filtr "kaski" zostają nam wyświetlone tylko kaski itd. Problem w tym, że kiedy kliknę na którąś miniaturkę, żeby otworzył mi się duży obrazek i przeglądam wtedy je wtedy to i tak mi je wyświetla "normalnie" czyli ignoruje wybrany filtr (skrypt galerii to Lightbox). Generalnie wcale mnie to nie dziwi, że tak się dzieje i jest całkowicie zrozumiałe, bo webmaster ze mnie początkująco-hobbystyczny i najnormalniej w świecie po prostu wrzuciłem ten skrypt galerii do stronki bez większego przerabiania.

Moje pytanie brzmi: czy jest jakiś prosty "myk" dzięki któremu jak kliknie się kaski to w galerii-screenie przewijając obrazki na boki również widzi się tylko to co przefiltrowane czyli kaski?

 

Poniżej link do ów podstrony:

https://www.aerografit.pl/aerograf.html

Z góry przepraszam za brak profesjonalizmu w nazewnictwie, ale mam nadzieję, że wytłumaczyłem to w miarę zrozumiale. 

[Hagen]

Temu Ci nie wyświetla w osobnych kategoriach, bo masz wszystkie zdjęcia wsadzone do jednej kategorii aerograf.

<div class="project-item filterable-item kaski"><figure class="featured-image"><a href="Airbrush/kaskparzenica1.jpg" data-lightbox="aerograf" 
data-title="Motyw góralski: parzenica i róże na kasku HJC RPHA   Data: 30.11.2015"><img src="Airbrush/kaskparzenica1m.jpg" 
alt="airbrush aerograf kask helmet goralski"></a></figure></div>

Powyżej masz kod 1 zdjęcia. Ten data-lightbox="aerograf" kawałek kodu który odpowiada za kategorie, natomiast czerwonym kolorem zaznaczyłem, w którym miejscu masz wskazać kategorię.

 

Jeżeli masz zdjęcia kasku to zamiast aerograf wpisujesz kaski.

[Aerografit]

Hagen, dzięki za odpowiedź, tylko że takie rozwiązanie odpada, bo wtedy jak wszystkie obrazki będą luźno (odwiedzający stronę nie wybierze żadnego filtra) to wtedy jak kliknie na kask, otworzy się duży screen lightboxa i będzie mógł w nim przewijać jedynie kaski - a nie wszystkie zdjęcia.

 

Chodzi mi o to by jak nie wybierze nic to żeby mu przewijało wszystkie zdjęcia, a jak wybierze kaski to żeby mu przewijało kaski. Jakiś pomysł jak to zrobić?

[Hagen]

Trochę źle zrozumiałem.

Więc jeżeli chciałbyś tak zrobić, to musisz zamienić filtrację, która jest teraz zapewne dzięki skryptowi jquery.

Zrób zamiast takiej filtracji(którą teraz masz) osobne menu. Tzn każda kategoria na osobnej podstronie, a wtedy uzyskasz taki efek jaki byś chciał.

 

 

[Aerografit]

Takie rozwiązanie też jest takim obejściem problemu na siłę na około i też chciałbym tego uniknąć... Domyślam się, że to byłaby grubsza sprawa zsynchronizować ten skrypt filtracji ze skryptem galerii, ale miałem cichą nadzieję, że może ktoś już przerabiał podobny temat i w kilku słowach będzie potrafił pomóc mi rozwiązać problem...

[Hagen]

Nie znam się dobrze na js, ale wydaje mi się, że trzeba by było napisać taki skrypt od początku, niż łączyć oba te skrypty w jeden.

Czy ja wiem czy te rozwiązanie to takie na siłę ?

Wystarczy dodać 5 podstron / posortować zdjęcia / podlinkować menu filtracji i gotowe.

Max 15-30 minut roboty.

[Aerografit]

Właśnie chodzi o to, że chciałbym uniknąć tego sortowania na osobne podstrony. No nic, będę pewnie kombinował coś z kodem js.