Jump to content

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


BIII
 Share

Recommended Posts

Написаны два небольших скрипта 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];
                    };

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...