Я хотел бы создать галерею. У меня есть кнопки: все, мобильный, рабочий стол, магазин и т. Д. Картинки расположены на сервере и назначены теги. Например, одно изображение: все, мобильный, магазин. Как назначить теги в html? К классу, атрибутам данных или по-другому? После нажатия кнопки я хотел бы показывать только изображения одного типа, например, с помощью мобильного тега.Использование тегов для выбора группы изображений в галерее
, если у вас уже есть фотографии, созданные на странице html, вы можете использовать что-то вроде <img data-tag="mobile-desktop" src="link" />, чтобы сделать тег изображения мобильным и настольным. на основе щелчка, используя javascipt, вы просто фильтруете изображения, чей атрибут тега данных содержит тег, который вы хотите. Если вам нужно дополнительно, сообщите об этом в комментарии
Если вы не хотите использовать классы CSS, вы можете использовать пользовательские данные атрибуты в HTML
<img data-tag='mobile' ... >
И селектор
$('img[data-tag=mobile]')
Вы можете установить данные непосредственно в теге html так, чтобы имя data = "value". Существует также возможность сохранять элемент в переменной с помощью jquery или JavaScript и делать variableName.attr (данные, значение). Вы также можете создавать переменные в javascript, присваивать ему значение, затем выбирать имя класса и делать .data (значение)
Использование классов или атрибутов данных будет работать. –