Jump to content
СофтФорум - всё о компьютерах и не только
BIII

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

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];
                    };

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...