Как реализовать это на jquery или javascript?

Question

[dmitry82]

Есть сайт online.iprintit.ru/start, каким способом лучше реализовать такой же функционал, как на странице создания макета - online.iprintit.ru/start/#soft/soft/28x21/66. Если есть плагины, которые позволяют это сделать, интересует название плагинов. Если на чистом js, интересует алгоритм. Тому кто поможет, объяснит способ реализации оплачу 500р.

Comments

[Ди Ма]

Каждая страница альбома - это объект. Например:

{
    type: 'pink1',    // определяет внешний вид страницы. 
    num: 10,    // номер страницы
    // ячейки для фотографий
    slots: [
        [50, 60, 200, 200],   // координаты и размеры 
        [250, 60, 200, 200], 
    ],
    // сюда будут добавлены фотографии
    photo: [
        [1, 'foobar.jpg'],
        [3, 'lorem.jpg'],
    ]  
}

Когда добавляем фото- выбираем ячейку. Имея размеры и координаты ячейки - располагаем по ним фото. Сам файл грузим на сервер, и добавляем в массив название файла и номер ячейки.

При оформлении заказа объекты отправляются на сервер.
Остается взять фоновую картинку, соответствующую типу pink1,
И разместить на ней фотографии (координаты и размеры заданны слотами, номера слотов и имена фалов лежат в массиве photo).

Как-то, наверное, так..

[Ди Ма]

Еще можно сделать всё это редактируемым. Что-бы пользователь мог подвинуть фото или увеличить. Для этого нужен canvas.
При изменении положения фото нужно будет всего-лишь изменить параметры слота.

[Anton Filippov]

Чет дешево, 500$ мало будет за такое (ну только не в убогом виде как в примере, а если по уму)

[dmitry82]

Ди Ма, напишите в скайп dmitry92171

[Ди Ма]

dmitry82, Скайп не использую. Есть вк: vk.com/id358261948 , пишите туда)