Member 9680117 Ответов: 1

Изменение источника изображения при щелчке мыши проблемы

На самом деле я не очень люблю javascript и пытаюсь заставить этот простой image.src измениться...
У меня есть 3 MJPEG в качестве источников, которые я хочу чередовать, когда я нажимаю на изображение до сих пор, когда я тестирую на своем веб-сервере, ничего не происходит с щелчком (), когда я тестирую на JSFiddle.net он меняет изображение при первом щелчке мыши, а затем ничего после этого.
Любая помощь будет оценена по достоинству.

<img id="mjpeg" src="http://ipaddress:8100/Mjpeg/0?authToken=abccb262-c400-4205-81e4-73ce28134d13" 

onclick="changeImage()"  width="704" height="480"/>

changeImage = function() {
    var image = document.getElementById('mjpeg');
                                                      
    if (image.src.match("/0?")) {
       image.setAttribute('src', "http://ipaddress:8100/Mjpeg/1?authToken=abccb262-c400-4205-81e4-73ce28134d13");
    } 
    else if (image.src.match("/1?")) {
       image.setAttribute('src', "http://ipaddress:8100/Mjpeg/2?authToken=abccb262-c400-4205-81e4-73ce28134d13");
    } 
    else if (image.src.match("/2?")) {
       image.setAttribute('src', "http://ipaddress:8100/Mjpeg/0?authToken=abccb262-c400-4205-81e4-73ce28134d13");
    } <pre lang="Javascript">

What I have tried:

I have tried matching on the entire src string with no luck

1 Ответов

Рейтинг:
6

Member 9680117

Я думаю, что просто понял это, изменив функцию сопоставления на==, а не .match

if (image.src == "http://ipaddress:8100/Mjpeg/0?authToken=abccb262-c400-4205-81e4-73ce28134d13") {
       image.setAttribute('src', "http://ipaddress:8100/Mjpeg/1?authToken=abccb262-c400-4205-81e4-73ce28134d13");
    } 
    else if (image.src == "http://ipaddress:8100/Mjpeg/1?authToken=abccb262-c400-4205-81e4-73ce28134d13") {
       image.setAttribute('src', "http://ipaddress:8100/Mjpeg/2?authToken=abccb262-c400-4205-81e4-73ce28134d13");
    } 
    else if (image.src == "http://ipaddress:8100/Mjpeg/2?authToken=abccb262-c400-4205-81e4-73ce28134d13") {
       image.setAttribute('src', "http://ipaddress:8100/Mjpeg/0?authToken=abccb262-c400-4205-81e4-73ce28134d13");
    }

Visweswaran N

не совсем связано с вашим вопросом, но можно ли выставить такой токен в get-запросе?

Member 9680117

Да, потому что это публичный токен с определенными правами для публичных зрителей.