Перейти к содержанию
СофтФорум - всё о компьютерах и не только

Есть два скрипта, но работает один


Рекомендуемые сообщения

Написаны два небольших скрипта js раскинуты по двум файлам и привязаны к html документу. Суть в том, что скрипт должен переключать картинку при нажатии. В двух скриптах различаются только вводимые изображения. После того как все привязано заходишь на сайт и картинки для двух разных элементов одинаковые. Как сделать так, что бы для разных элементов загружались разные картинки, а не только с первого скрипта? Скрипты привязаны к элементам через document.getElementById

 

var images = [
                    'https://pbs.twimg.com/media/Di28lMmXoAISAiI.jpg',
                    'https://avatars.mds.yandex.net/get-pdb/1530860/f1457cb9-150e-420e-9c1a-88da163c7d80/s1200 ',
                    'https://sun9-14.userapi.com/c850608/v850608486/3b65c/EpoUHJDOmvM.jpg',
                    ];

                    var img = document.getElementById( 'img1' ),
                        index = 0;
                         
                    img.onclick = function() {
                        index++;
                             
                        if (index == images.length) index = 0;
                             
                        this.src = images[index];
                    };

 


                var images = [
                    'https://avatars.mds.yandex.net/get-pdb/1749846/93a3b84a-852a-4264-9484-4f86a3b464a9/s1200?webp=falseg',
                    'https://www.tokkoro.com/picsup/2610391-marshmello-wallpaper-free.jpg',
                    'https://avatars.mds.yandex.net/get-pdb/1771637/8e3b4638-1a20-437e-9f1d-0e4b72ef1576/s1200',
                    ];
                         
                    var img = document.getElementById( 'Click1' ),
                        index = 0;

                         
                    img.onclick = function() {
                        index++;
                             
                        if (index == images.length) index = 0;
                             
                        this.src = images[index];
                    };

Ссылка на комментарий
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти
  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...