[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Очередное творение на JS
ApuktaChehov
Господа, что думаете?

Мой скрипт

Без JQ, все браузеры включая IE6.

P.S. Бета версия. Местами подглючивает. Если дальнейшая жизнь этого скрипта возможна, то я доработаю его.



Спустя 7 минут, 37 секунд (16.03.2012 - 17:19) Visman написал(а):
Стрелки работают на отпускании клавиши мыши. Так и задумывалось?

Спустя 4 минуты, 26 секунд (16.03.2012 - 17:24) ApuktaChehov написал(а):
Visman - да

Спустя 4 минуты, 52 секунды (16.03.2012 - 17:29) killer8080 написал(а):
ApuktaChehov
не хватает скрола роликом мышки.

Спустя 2 часа, 39 минут, 40 секунд (16.03.2012 - 20:08) bodja написал(а):
ApuktaChehov

Сделайте твиннер-функцию ,тоесть с такого значения по такое для такого элемента и для такого свойства и с таким шагом.
Потом будет легче собирать подобные вещи.

заместь кучи

<div class="gal_img_div" style="width: 100px;" onclick="galery.insertImg(1, event);">
<img
src="obraztsi/viz_2.gif" border="0"/>
</div>

Можно загрузить через цикл и DOM взяв значения из массива.
ИМХО лучше двигать элементы с абсолютным позиционированием,проще и быстрее.

Спустя 12 минут, 8 секунд (16.03.2012 - 20:20) glock18 написал(а):
bodja
smile.gif я смотрю на ваш аватар, и читаю сообщение. И думаю, "ничего себе Элечка то задвигает!?" laugh.gif Аватар другой, но напомнил мне ее smile.gif

Спустя 4 минуты, 31 секунда (16.03.2012 - 20:25) glock18 написал(а):
Лучше на mousedown перемотку то ставить, здорово сбивает с толку, что не перематывается сразу по клику.

Выглядит галерейка неплохо, но написана мягко говоря слабовато. Из особо бросившегося в глаза за первые 10 секунд
1. требуется размещать html в теле документа.
2. Для анимации в setTimeout передается строка, что есть очень плохо
3. Никогда не пишите классы без использования прототипов

Спустя 14 минут, 43 секунды (16.03.2012 - 20:40) Michael написал(а):
на jQ такое в "пару строчек" уложилось бы, не как тут - в простынку.

Спустя 9 минут, 31 секунда (16.03.2012 - 20:49) bodja написал(а):
glock18
OFF Да уж ,уже не первый раз слышу,что мой аватар сбивает с толку. biggrin.gif

Спустя 8 минут, 44 секунды (16.03.2012 - 20:58) redreem написал(а):
Michael

да ну!? если "пара" - понятие растяжимое - то да, конечно.

Спустя 5 минут, 8 секунд (16.03.2012 - 21:03) ApuktaChehov написал(а):
спс всем.

Спустя 11 часов, 48 минут, 50 секунд (17.03.2012 - 08:52) Michael написал(а):
Цитата (redreem)
да ну!?

и что же для тебя там представляет сложность? smile.gif
Вижу два действия сделаны:
1) слайдер на фиксированную величину (хотя так они не должны работать, некрасиво)
2) появление увелич. копии.

И все. wink.gif

Спустя 54 минуты, 5 секунд (17.03.2012 - 09:46) redreem написал(а):
Michael

ну видимо я не знаю таких функции в jQ, как $.setSliderHeightFixed и $.showLargeCopy. сори, погуглю. действительно все просто, шож енто я.

Спустя 16 минут, 29 секунд (17.03.2012 - 10:02) Michael написал(а):
Видно, что знаешь ты действительно мало wink.gif
animate свойства left - движение внутреннего блока
fadeIn/fadeOut - появление/исчезновение увелич. копии
laugh.gif

Спустя 10 минут, 52 секунды (17.03.2012 - 10:13) redreem написал(а):
Michael

блин, вот спасибо! офигеть! такие вещи есть!

Спустя 25 минут, 8 секунд (17.03.2012 - 10:38) bodja написал(а):
redreem
biggrin.gif biggrin.gif biggrin.gif
Michael
Покрутить в цикле left и opacity много ума не нужно.Там большая часть кода посвящена немного другому.

Спустя 40 минут, 25 секунд (17.03.2012 - 11:19) Гость_Michael написал(а):
чему другому?

Спустя 5 минут, 45 секунд (17.03.2012 - 11:25) glock18 написал(а):
Цитата (Гость_Michael @ 17.03.2012 - 08:19)
чему другому?

размышлениям о высоком wink.gif

Спустя 1 час, 23 минуты, 45 секунд (17.03.2012 - 12:48) bodja написал(а):
Гость_Michael

Ну я так понял ,у ТС была проблема с появлением горизонтального скролла из за ширины прокручиваемых элементов,
вот он и ее решал путем выгребания значений из верстки ,формирования ширины ,событий,
убиванием-создаванием элементов,вот на это и ушло много текста.

Спустя 4 часа, 22 минуты, 43 секунды (17.03.2012 - 17:11) sebastjan написал(а):
А вто я со свими пятью копейками сказал бы что неправильно деалать слайдеры анимации выбирая для этого не совсем подходящий инструмент типа яваскрипт, ОНО конечно будет работать, но для работы с анимированной графикой - наверное нет лучше инструмента чем флашь.
Для сравнения такая анимация весит всего 51кб и при том не оптимизированна.
И ещё хочу добавить, обратите внимание что ролик на пролзрачном фоне и можно под него что угодно подложить.
Чтоб такое сделать на яваскрипт уйдёт немеренно и сил и ресурсов и нервов.
Анимация

Спустя 1 день, 3 часа, 16 минут, 8 секунд (18.03.2012 - 20:27) VELIK505 написал(а):
Конечно всё простенько. Но респект и уважуха

Спустя 3 часа, 32 минуты, 51 секунда (19.03.2012 - 00:00) sebastjan написал(а):
От меня тоже респект и уважуха.

Спустя 11 часов, 55 минут, 30 секунд (19.03.2012 - 11:55) ApuktaChehov написал(а):
Ребят, спасибо всем большое, я осознал свои ошибки и собираюсь переписать это дело учитывая все пожелания высказанные ранее + еще свои мысли добавлю.

Спустя 33 минуты, 21 секунда (19.03.2012 - 12:29) ApuktaChehov написал(а):
Ребят, кто знает замыкания объясните пожалуйста, а то я не очень понимаю.

В место:
setTimeout('galery.move('+ pos +', \''+ dir +'\');', 10);

т.к. строки это плохо, я воспользовался замыканием:
setTimeout(function(){ return function(obj){obj.move(pos, dir)}(self)}, 10);


Но я не понимаю как это работает.
Буду очень признателен, если кто объяснит.

P.S. self это внутренняя ссылка на класс.

Спустя 9 минут, 38 секунд (19.03.2012 - 12:38) glock18 написал(а):
Цитата (ApuktaChehov @ 19.03.2012 - 09:29)
Ребят, кто знает замыкания объясните пожалуйста, а то я не очень понимаю.

В место:
setTimeout('galery.move('+ pos +', \''+ dir +'\');', 10);

т.к. строки это плохо, я воспользовался замыканием:
setTimeout(function(){ return function(obj){obj.move(pos, dir)}(self)}, 10);


Но я не понимаю как это работает.
Буду очень признателен, если кто объяснит.

P.S. self это внутренняя ссылка на класс.

ну, как бы замыкание там ни к чему совершенно :)

достаточно


setTimeout(function(){ self.move(pos, dir); }, 10);



Спустя 9 минут, 2 секунды (19.03.2012 - 12:48) ApuktaChehov написал(а):
А я ведь так и сделал в первый раз, но думал, что это тоже плохо будет.
Спасибо glock18!

Спустя 5 минут, 37 секунд (19.03.2012 - 12:53) glock18 написал(а):
Цитата (ApuktaChehov @ 19.03.2012 - 09:48)
А я ведь так и сделал в первый раз, но думал, что это тоже плохо будет.
Спасибо glock18!

это проблема, тебе стоит сперва разобраться что и почему нельзя, чтобы избегать ошибочных предположений


_____________
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.