изменение изображений сетки по клику - PullRequest
0 голосов
/ 11 октября 2018

У меня есть сетка 3 * 3, и у меня есть ползунок, который должен изменять изображения при клике на основе выбранного проекта. Я сделал объект для каждого проекта и его изображений следующим образом:

const projects = {
cancellato: [
    'assets/media/images/cancellato/cancellato-01.jpg',
    'assets/media/images/cancellato/cancellato-02.jpg',
    'assets/media/images/cancellato/cancellato-03.jpg',
    'assets/media/images/cancellato/cancellato-04.jpg',
    'assets/media/images/cancellato/cancellato-05.jpg',
    'assets/media/images/cancellato/cancellato-06.jpg',
    'assets/media/images/cancellato/cancellato-07.jpg',
    'assets/media/images/cancellato/cancellato-08.jpg',
    'assets/media/images/cancellato/cancellato-09.jpg'
],
artsupply: [
    'assets/media/images/artsupply/artsupply-01.jpg',
    'assets/media/images/artsupply/artsupply-02.jpg',
    'assets/media/images/artsupply/artsupply-03.jpg',
    'assets/media/images/artsupply/artsupply-04.jpg',
    'assets/media/images/artsupply/artsupply-05.jpg',
    'assets/media/images/artsupply/artsupply-06.jpg',
    'assets/media/images/artsupply/artsupply-07.jpg',
    'assets/media/images/artsupply/artsupply-08.jpg',
    'assets/media/images/artsupply/artsupply-09.jpg'
],
bcefw: [
    'assets/media/images/bcefw/bcefw-01.jpg',
    'assets/media/images/bcefw/bcefw-02.jpg',
    'assets/media/images/bcefw/bcefw-03.jpg',
    'assets/media/images/bcefw/bcefw-04.jpg',
    'assets/media/images/bcefw/bcefw-05.jpg',
    'assets/media/images/bcefw/bcefw-06.jpg',
    'assets/media/images/bcefw/bcefw-07.jpg',
    'assets/media/images/bcefw/bcefw-08.jpg',
    'assets/media/images/bcefw/bcefw-09.jpg'
   ]
}

теперь всеМне нужно было изменить источник изображений на источник любого массива внутри объекта,

Будет ли лучше разместить пару элементов друг над другом и изменить отображение?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...