Карусель-галерея
 

Карусель-галерея:

Это моя карусель-галерея созданная с нуля и с помощью чистого js, я её уже сделал для заказчика и хотел бы показать, что-бы вы могли потестить, и конечно облить говном. Это простая карусель прокручивается с помощью колесика мышки, и положения мышки относительно центра, создавал полных 2.5 дня(два вечера пятницы, одна суббота, и утро воскресенья). Даже не знаю в чем плюсы, знаю лишь только что работает в популярных браузерах, есть прокрутка колесиком, легкий API(как мне кажется), больше ничего в голову не лезет, качество кода? я не знаю, правда(( Размер файла? тоже не имею понятия сколько должно быть((
Знаю что мне за это заплатили 15вмз, и то что я начал учить JavaScript примерно год назад, прочитав лишь одну книгу(но дочитал же!) это был David Flanagan, и все, и потом только опыт, и ещё раз опыт, все что мне интересно, нормально ли я смог изучить js за 1 год, в свои 16 лет? под словом изучить я имею ввиду продвинутся в знании этого языка программирования, ну и не забывайте писать что-то про карусель)

П.С.: И ещё, также очень бы хотелось бы ещё поработать над подобными заданиями, цена не большая, качество судите сами, но такую роботу, хоть чтобы скилл качать, буду очень рад таким предложениям

П.С.С.: От видео еще, незнаю зачем, пусть будет, я его делал заказчику, чтобы показать что всё готово)
Видео

Она не слишком плавно двигается, мелко дрожит, немного раздражает. Невозможно "прицелиться" по кружку, они ездят сами. Кругами. Когда удалось навести на кружок, он увеличивается, и иногда не уменьшается.

1)Не слишком плавно это может потому что надо с настройками там под-шаманить, я просто смотрел вроде норм.
2)Невозможно "прицелиться", ну тут же ясно, чтобы можно было лучше разглядеть, надо мышку на центр навести, тогда движение будет почти 0
3)потому что ты не двигаешь мышью, а значит ничего не происходит и никакое событие не сработает(точнее onmouseout)

Зачем там везде eval ¿

add+="<div id='pic"+i+"' style='z-index:"+(500-Math.round(180*Math.cos((Math.PI*((photos[i].arct % 360)+90))/180)+180))+";position:absolute;left:"+(photos[i].width/2+x)+"px;top:"+(photos[i].height/2+y)+"px;width:"+photos[i].width+"px;height:"+photos[i].height+"px;'><img class='gElement' alt='"+photos[i].alt+"' width="+photos[i].width+" height="+photos[i].height+" lang='"+name+"' src='"+photos[i].path+"' style='position:absolute;top:0px;left:0px;'></div>";}
dec.innerHTML+=add;

Зачем такие вот маневры тоже не очень ясно, еще видел как вы устанавливаете таймеры не получив ссылку на таймер чтоб потом его удалить, значит не удаляете, а там они на каждом событии, То есть если я мышкой повожу по галерее, то у меня уже таймеров 100 будет работать и так далее. Ну это чисто теоретически.

Slawaq,
фаербаг запусти......

а таймер сам вообще-то очищается, после того как выполняется, и никакие ссылки не нужны, посмотрите что у этих таймеров, таймер 50 мс, и плюс там проверка условия для запуска ещё одного таймера, то есть лишних не будет, а маневры с add+= нужно чтобы постоянно не тыкать в документ элементы через innerHTML, сначала все элементы подготовить, а потом добавить!
eval, от тут да, возможно промах, просто боялся запутаться
с видимостью переменных, и перестраховался, главное, что работает, и таких строчек там немного)

у меня нету firefox(точнее он не работает, вирусы какие-то :( )
ну в хроме кажется лады...
а что-там такое, можно хоть словами передать?)

Slawaq,
Прошу прощения про таймауты, сморозил.
Обрабатывайте кроссбраузерно event кстати, удачи

Сначала оффтоп: Не понимаю такие карусели! Это ж бред: логику их вращения понять невозможно, зато в глазах рябит. Особенно бесят "облака неуловимых тегов":-E:blink: Никогда не приходило в голову крутить над этим колесико...Я пишу на javascript (да и программирую в принципе) 1.5 года. Не прочитал ни одной книги и не имею образования. Правда я постарше:D Продолжай заниматься, налягай на практику;)

это надо было заказчику =)
ну вообще да, тут надо было мне быть быстрее)