Всем доброго времени суток.
Есть вот такая функция:
$('#btnChFrame').click(changeFrame);
function changeFrame() {
var randomFrame = getRandom(6);
$('#img').attr('src', 'images/frames/' + randomFrame + '.png');
}
Я пробовал создать массив с этими шестью картинками, чтобы потом показывать их по клику мыши: один клик одна картинка; следующий клик: первая заменяется второй - так и не получилось, мозгов не хватило.
Меня хватило только на этот рандомный вывод.
Сейчас подумал, что можно сделать в CSS "display: none" для тех шести картинок и разблокировать их по очереди той же функцией "click". Вопрос в том, как это правильно сделать.
Буду благодарен за любой совет.
P.S.: Может быть есть вариант по-проще или без добавления всех картинок в DOM?