Как выводить фотографиии в зависимости от раздела на который кликнули?

Question

[goshatravin]

имеется вот такая галерея , будет 6 категорий ! Как лучше генерировать фотографии для каждой категории ?
Если я нажму на лошадок должен перейти на страницу где будет все изображения лошадок и так далее
Создавать html страницу под каждую категорию слишко топорно , должен же быть другой путь.

Comments

[Abdula Magomedov]

Что значит слишком "топорно"?

[pacman123]

Создайте вы эти страницы. Вам не трудно а лошадкам приятно.

[alex]

Создавать html страницу под каждую категорию слишко топорно

да неужели карл!? про шаблонизацию вы походу ниче не слышали

Answer 1

[Дмитрий Кузнецов]

Если у вас простой сайт (не SPA), то в любом случае придётся создавать отдельные страницы! И тут магией не поможешь!

Comments

[goshatravin]

Спасибо , буду думать

Answer 2

[shmatuan]

Создать отдельно одну html страницу, в которой при открытии скриптом подгружать картинки и выводить их с фильтрацией для нужной катеории

Простой вариант с презаданными
https://codepen.io/andreysh/pen/QZPOGR

let images = [
  { 
    link: "images/horse.png",
    type: "horses"
  },
  { ... }
]

let category = "horses";
let needToShow = images.filter(e => e.type === category )
needToShow.forEach(e => { $("#galery").append(`<img src="${e.link}"  /> `) })

Comments

[goshatravin]

Спасибо , так и сделаю видимо

[shmatuan]

goshatravin, https://codepen.io/andreysh/pen/QZPOGR добавил рабочий пример ещё :)