Ребята, помогите!
Стоит задача сделать конструктор галерей. Работает это так:
1. на страницу загружаются изображения <img>
2. на каждом изображении можно курсором выделить квадратную область, которая в последствии станет превью.
3. после выделения всех областей жмешь ОК и едешь дальше
обработчик который все это проделывает с одним изображением я сделал, но изображений много, они будут подгружаться динамический, а он у меня пока подвязывается следующим образом:
var image = document.getElementById('image1');
image.onmousedown = function() {
//обработчик
}
можно ли как-то заставить его работать для всех <img> заданного класса?
<img class="imageCut" src="IMG_001.jpg" /><br />
<img class="imageCut" src="IMG_002.jpg" /><br />
<img class="imageCut" src="IMG_003.jpg" /><br />
.....
в идеале хочется сделать так как подвязываются некоторые WYSIWYG-редакторы: инициализируешь его в начале, а потом просто для всех <textarea> задаешь класс class="editor1" и они заменяются редактором.
Буду благодарен за советы, короткие примеры и вообще подскажите в какую сторону копать? И можно ли в этом случае обойтись без jQuery?