Мой скрипт
Без 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
Сделайте твиннер-функцию ,тоесть с такого значения по такое для такого элемента и для такого свойства и с таким шагом.
Потом будет легче собирать подобные вещи.
заместь кучи
Можно загрузить через цикл и DOM взяв значения из массива.
ИМХО лучше двигать элементы с абсолютным позиционированием,проще и быстрее.
Сделайте твиннер-функцию ,тоесть с такого значения по такое для такого элемента и для такого свойства и с таким шагом.
Потом будет легче собирать подобные вещи.
заместь кучи
<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
я смотрю на ваш аватар, и читаю сообщение. И думаю, "ничего себе Элечка то задвигает!?"
Аватар другой, но напомнил мне ее



Спустя 4 минуты, 31 секунда (16.03.2012 - 20:25) glock18 написал(а):
Лучше на mousedown перемотку то ставить, здорово сбивает с толку, что не перематывается сразу по клику.
Выглядит галерейка неплохо, но написана мягко говоря слабовато. Из особо бросившегося в глаза за первые 10 секунд
1. требуется размещать html в теле документа.
2. Для анимации в setTimeout передается строка, что есть очень плохо
3. Никогда не пишите классы без использования прототипов
Выглядит галерейка неплохо, но написана мягко говоря слабовато. Из особо бросившегося в глаза за первые 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 Да уж ,уже не первый раз слышу,что мой аватар сбивает с толку.
OFF Да уж ,уже не первый раз слышу,что мой аватар сбивает с толку.

Спустя 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) |
да ну!? |
и что же для тебя там представляет сложность?

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

Спустя 54 минуты, 5 секунд (17.03.2012 - 09:46) redreem написал(а):
Michael
ну видимо я не знаю таких функции в jQ, как $.setSliderHeightFixed и $.showLargeCopy. сори, погуглю. действительно все просто, шож енто я.
ну видимо я не знаю таких функции в jQ, как $.setSliderHeightFixed и $.showLargeCopy. сори, погуглю. действительно все просто, шож енто я.
Спустя 16 минут, 29 секунд (17.03.2012 - 10:02) Michael написал(а):
Видно, что знаешь ты действительно мало
animate свойства left - движение внутреннего блока
fadeIn/fadeOut - появление/исчезновение увелич. копии

animate свойства left - движение внутреннего блока
fadeIn/fadeOut - появление/исчезновение увелич. копии

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



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) |
чему другому? |
размышлениям о высоком

Спустя 1 час, 23 минуты, 45 секунд (17.03.2012 - 12:48) bodja написал(а):
Гость_Michael
Ну я так понял ,у ТС была проблема с появлением горизонтального скролла из за ширины прокручиваемых элементов,
вот он и ее решал путем выгребания значений из верстки ,формирования ширины ,событий,
убиванием-создаванием элементов,вот на это и ушло много текста.
Ну я так понял ,у ТС была проблема с появлением горизонтального скролла из за ширины прокручиваемых элементов,
вот он и ее решал путем выгребания значений из верстки ,формирования ширины ,событий,
убиванием-создаванием элементов,вот на это и ушло много текста.
Спустя 4 часа, 22 минуты, 43 секунды (17.03.2012 - 17:11) sebastjan написал(а):
А вто я со свими пятью копейками сказал бы что неправильно деалать слайдеры анимации выбирая для этого не совсем подходящий инструмент типа яваскрипт, ОНО конечно будет работать, но для работы с анимированной графикой - наверное нет лучше инструмента чем флашь.
Для сравнения такая анимация весит всего 51кб и при том не оптимизированна.
И ещё хочу добавить, обратите внимание что ролик на пролзрачном фоне и можно под него что угодно подложить.
Чтоб такое сделать на яваскрипт уйдёт немеренно и сил и ресурсов и нервов.
Анимация
Для сравнения такая анимация весит всего 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 написал(а):
Ребят, кто знает замыкания объясните пожалуйста, а то я не очень понимаю.
В место:
т.к. строки это плохо, я воспользовался замыканием:
Но я не понимаю как это работает.
Буду очень признателен, если кто объяснит.
P.S. self это внутренняя ссылка на класс.
В место:
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!
Спасибо glock18!
Спустя 5 минут, 37 секунд (19.03.2012 - 12:53) glock18 написал(а):
Цитата (ApuktaChehov @ 19.03.2012 - 09:48) |
А я ведь так и сделал в первый раз, но думал, что это тоже плохо будет. Спасибо glock18! |
это проблема, тебе стоит сперва разобраться что и почему нельзя, чтобы избегать ошибочных предположений
_____________