Размещение 5 точек из одного и того же элемента, перекрывающего изображение?

Question

Привет, я пытаюсь получить ряд точек, чтобы перекрыть изображение, чтобы показать маршрут, я могу расположить одну точку с этим кодом:

var dotPosition_X = new Array();
var dotPosition_Y = new Array();

dotPosition_X[1] = 10;
dotPosition_Y[1] = 40;

$("#reddot").offset({ top: dotPosition_Y[1], left: dotPosition_X[1]});

});

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

есть ли что-нибудь вокруг этого?

а если я работаю, могу ли я использовать ползунок, чтобы пройти через массив точек, чтобы изменить его с синего на красный при изменении значения слайда?

Answer 1

Так или иначе, вам нужно будет сделать несколько элементов.Если вам нужен индивидуальный контроль над каждой точкой, то вы, вероятно, захотите сгенерировать их все с уникальными идентификаторами.Если вам когда-либо нужно манипулировать ими как группой, вы можете обойтись без идентификаторов.

С помощью jQuery довольно легко генерировать элементы на лету, например:* Я сделал рабочую демонстрацию для вас, включая способ изменения цвета, здесь:

http://jsfiddle.net/eCEfd/