Полезная информация

Хотите узнать больше о расширениях? Посмотрите ролики, рассказывающие о работе с расширениями Firefox.

№113-06-2012 20:23:50

fomichigo
Участник
 
Группа: Members
Зарегистрирован: 13-06-2012
Сообщений: 5
UA: Chrome 19.0

jQuery - как создать подобный конструктор?

скрытый текст
Войдите или зарегистрируйтесь, чтобы увидеть скрытый текст.


Вопрос - с чего начать? Возможно какие-то туториалы просветят, просто хотя бы знать в какую сторону копать...
Попробовал проанализировать код - но там все запутано, и очень связано с legacy кодом.
Буду благодарен за любую наводку.

Отредактировано fomichigo (13-06-2012 20:24:22)

Отсутствует

 

№213-06-2012 21:09:36

questman
Участник
 
Группа: Members
Зарегистрирован: 05-11-2011
Сообщений: 241
UA: Palemoon 12.0

Re: jQuery - как создать подобный конструктор?

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

Отсутствует

 

№313-06-2012 21:40:37

fomichigo
Участник
 
Группа: Members
Зарегистрирован: 13-06-2012
Сообщений: 5
UA: Chrome 19.0

Re: jQuery - как создать подобный конструктор?

questman пишет

Вроде просто на первый взгляд но возни очень много если самому делать.

Ну да, я вот и думаю с какой стороны подступиться лучше.

Отсутствует

 

№413-06-2012 22:43:29

questman
Участник
 
Группа: Members
Зарегистрирован: 05-11-2011
Сообщений: 241
UA: Palemoon 12.0

Re: jQuery - как создать подобный конструктор?

fomichigo пишет

Ну да, я вот и думаю с какой стороны подступиться лучше.

Ну с какой?
Думаю что надо начинать делать подобную штуку.Сначала простенькую потом наварачивать всё сложнее и сложнее.
Для начала для теста делаем страничку html,размечаем её как нужно,потом в графическом редакторе рисуем рубашку.
Можно пока не рисовать а "стыбзить" на время для теста с того сайта.
Потом эту рубашку вставляем в тестовую страничку.
Берём парочку текстур и если надо делаем из них миниатюры.
Потом пишем код jQuery.
С вот такой примерно логикой:
При клике на миниатюру менять css свойства фона блока где рубашка на нужный.

миниатюра.click(){

    $('#id блока с рубашкой').css({'background':'url(xxxxx.xxxx.png)'});

}

Если всё получается можно играться с плавным сменом фона и другими эффектами.
Ну и так далее.

Отредактировано questman (13-06-2012 22:45:39)

Отсутствует

 

№513-06-2012 23:26:58

fomichigo
Участник
 
Группа: Members
Зарегистрирован: 13-06-2012
Сообщений: 5
UA: Chrome 19.0

Re: jQuery - как создать подобный конструктор?

Да, я тоже думаю как-то так.
Только я думал у картинок src-атрибуты менять прямо в DOM.
Ну и данные в data наверное записывать, чтобы потом в корзину скинуть JSON-ом.
Как-то так, просто я сейчас еще дизайном занимаюсь, поэтому пока только прикидываю в уме.

Отсутствует

 

№614-06-2012 09:37:49

fomichigo
Участник
 
Группа: Members
Зарегистрирован: 13-06-2012
Сообщений: 5
UA: Chrome 19.0

Re: jQuery - как создать подобный конструктор?

okkamas_knife пишет

1 вариант - не трахать мозг а сделать в редакторе кучу картинок с разными текстурами и подставлять и по выбору.

Мне кажется, в моем случае будет проще пойти по этому пути.
А данные как собирать лучше? Чтобы например, потом просто это все скинуть в корзину - {"name":"рубашка","collar":"короткие"} и т.д.

Отсутствует

 

№714-06-2012 16:09:27

fomichigo
Участник
 
Группа: Members
Зарегистрирован: 13-06-2012
Сообщений: 5
UA: Chrome 19.0

Re: jQuery - как создать подобный конструктор?

Спасибо, буду пробовать.

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]