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

[Slawaq]

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

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

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

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

[poorking]

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

[Slawaq]

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

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

[poorking]

Зачем там везде 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 будет работать и так далее. Ну это чисто теоретически.

[dmitriymar]

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

[Slawaq]

Зачем там везде 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 будет работать и так далее. Ну это чисто теоретически.

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

[Slawaq]

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

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

[poorking]

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

[Sweet]

Сначала оффтоп: Не понимаю такие карусели! Это ж бред: логику их вращения понять невозможно, зато в глазах рябит. Особенно бесят "облака неуловимых тегов"

есть прокрутка колесиком

Никогда не приходило в голову крутить над этим колесико...

я начал учить JavaScript примерно год назад, прочитав лишь одну книгу(но дочитал же!) это был David Flanagan, и все, и потом только опыт, и ещё раз опыт, все что мне интересно, нормально ли я смог изучить js за 1 год, в свои 16 лет?

Я пишу на javascript (да и программирую в принципе) 1.5 года. Не прочитал ни одной книги и не имею образования. Правда я постарше Продолжай заниматься, налягай на практику

[Slawaq]

Никогда не приходило в голову крутить над этим колесико...

это надо было заказчику =)

Я пишу на javascript (да и программирую в принципе) 1.5 года. Не прочитал ни одной книги и не имею образования. Правда я постарше Продолжай заниматься, налягай на практику

ну вообще да, тут надо было мне быть быстрее)