Как я могу изменить изображение, используя javascript (jQuery & iviewer), добавляя 1 к img src постепенно?

Question

Проверял различные вопросы по SO, но не нашел ничего, что бы полностью соответствовало тому, что я ищу ...

Я строю образ viwer с использованием комбинации jQuery и iViewer .Вот код, который используется для вызова различных изображений в iviewer:

$("#chimg").click(function()
{
   iv1.iviewer('loadImage', "img/01.jpg");
   return false;
});

Как видно, я назвал изображения последовательно.Прямо сейчас все изображения вызываются с использованием отдельных ссылок, по одной на изображение, но в идеале я хотел бы иметь возможность добавлять кнопки предыдущего и следующего изображений.

Поскольку изображения называются последовательно, я былинтересно, был ли метод вызова следующего изображения в последовательности путем добавления значения '1' к текущему изображению?Очевидно, я рад изменить соглашения об именах файлов, если это необходимо.

(Отказ от ответственности: я быстро учусь, но я также новичок в javascript. Решения, которые обсуждаются, будутдействительно предпочтительнее ...)

Answer 1

Это должно сработать ...

var i = 0;

$("#chimg").click(function()
{
    i++;
    iv1.iviewer('loadImage', "img/" + ("0" + i).slice(-2) + ".jpg");
    return false;
});

Это ...

("0" + i).slice(-2)

... добавляет 0 к началу любого значения, хранящегося в i, а затемзанимает последние 2 символа, поэтому у вас есть набранный номер 0.

Answer 2

Я никогда раньше не использовал iViewer, но первый вариант в моей голове - вы можете получить атрибут 'src' для img?если у вас есть источник, вы можете получить число с помощью регулярного выражения

var src = $('#chimg').attr('src');
var m = parseInt(src.match(/\d+/g));
n = m+1;
src = src.replace(m, n);
iv1.iviewer('loadImage', src);

, тогда все, что вам нужно сделать.

посмотреть, как оно работает