Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Jquery slider с ползунком (https://javascript.ru/forum/dom-window/42850-jquery-slider-s-polzunkom.html)

imediasun1 12.11.2013 00:27

Jquery slider с ползунком
 
Здравствуйте помогите пожалуйста сделать точно такой же слайдер фотографий, спасибо всем отозвавшимся
http://www.pacorabanne.com/invictus/#!/webshow/ep29

ksa 12.11.2013 11:03

imediasun1, ты узнай сначала сколько заплатил за это владелец того сайта. :lol:

imediasun1 12.11.2013 15:39

100 тысяче долоровые проекты приходится копировать за 500, поэтому вопрос не в этом а в том есть ли среди посетителей данного ресурса спецы обладающие нужными знаниями чтобы бесплатно ими поделиться, ну или за вознаграждение в разумных пределах если это уроки частные

animhotep 12.11.2013 15:54

выше кагбе намекают - тот слайдер довольно сложный
и бесплатно его вряд ли кто сделает. а тем более объяснит код

ksa 12.11.2013 15:58

Цитата:

Сообщение от imediasun1
100 тысяче долоровые проекты приходится копировать за 500

Ну и дурак... (с)

imediasun1 12.11.2013 16:06

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

ruslan_mart 12.11.2013 16:47

Да ну этот слайдер, громозкий он, от такого количества эффектов начинает браузер подтормаживать.

imediasun1 12.11.2013 20:05

Ruslan_xDD,
А ты разбираешься как его сделать?

BETEPAH 12.11.2013 23:15

без ползунка (с кнопками "вперед" - "назад") там кода на полчаса отсилы:
Располагаете один див перед другим. Нижний растянут по ширине, верхний фиксируется по центру над ним. В каждом находится лента фотографий. При клике смещаете эту ленту на ширину фотографии.

Ползунок - тоже несложно, но вам придется подучить драг-энд-дропы.

Собственно, вот... поделился бесплатно знаниями :)

imediasun1 12.11.2013 23:18

BETEPAH,
вы уверены что на этом сайте именно так осуществлено, мне именно такая реализация нужна

BETEPAH 12.11.2013 23:24

Цитата:

Сообщение от imediasun1
вы уверены что на этом сайте именно так осуществлено

Я даже в том, что нас не обманывают с полетами на Марс, не уверен.

Я написал так, как сделал бы сам. Здесь дольше копаться в чужом коде, чем самому написать. Выглядеть будет - мама не отличит, если постараетесь.

imediasun1 12.11.2013 23:26

BETEPAH,
Помогите пожалуйста с реальным осуществлением, я буду благодарен очень, часик потратите будет детям на конфеты

BETEPAH 12.11.2013 23:30

Цитата:

Сообщение от imediasun1
Помогите пожалуйста с реальным осуществлением, я буду благодарен очень, часик потратите будет детям на конфеты

К сожалению, сыну нельзя сладкого :(
Так а в чем помощь-то еще нужна. Я написал, что делать. Начинайте и показывайте, что получилось - поможем. Если человек хочет научиться, ему здесь, на форуме, и даром помогают. А если хочет, чтоб делали за него, то здесь уже конфетами не обойтись - расценки примерные выше указали.

imediasun1 12.11.2013 23:31

объясняйте тогда пожалуйста сразу с ползунком

BETEPAH 12.11.2013 23:52

вы сначала верстку сделайте :)
А потом вот:
http://api.jqueryui.com/draggable/
А если хотите прям вообще научиться, то вот алгоритм (когда-то писал таскаемые окошки):
- вешаете el.onmousedown = el.ontouchstart =..., который ловит координаты мышки и ставит метку, что началось событие таскания
- затем .onmousemove и .ontouchmove чтоб менять видимое положение ползунка с пересчетом расстояния от начала таскания и вычисления положения и в зависимости от положения переключения фотографий.
- и в конце .onmouseup и .ontouchend чтоб понять, что перетаскивание закончилось.
Тачсобытия само собой, если нужна поддержка смартфонов и планшетов

imediasun1 13.11.2013 00:05

это jquery? и как фотки едут влево и право какой функцией?ui-slider здесь нужен?

BETEPAH 13.11.2013 00:13

Цитата:

Сообщение от imediasun1
это jquery?

ссылка - да. Алгоритм - нет, это чистый js
Цитата:

Сообщение от imediasun1
и как фотки едут влево и право какой функцией?

вот этой
Цитата:

Сообщение от BETEPAH
смещаете эту ленту на ширину фотографии


imediasun1 13.11.2013 00:36

А это не то что надо? http://jqueryui.com/slider/#side-scroll

BETEPAH 13.11.2013 00:51

Цитата:

Сообщение от imediasun1
А это не то что надо?

Если подходит, можно считать тему закрытой, а обучение оконченным.

imediasun1 13.11.2013 01:03

вряд ли подойдет, слишком просто, а на том сайте там поинтересней, можно в личку написать?

BETEPAH 13.11.2013 01:42

Цитата:

Сообщение от imediasun1
можно в личку написать?

В личке я не отвечаю на вопросы - это принципиально. Проще один раз объяснить на форуме, чем 20 раз отвечать на одни и те же вопросы от разных людей. Готов поступиться принципами только наживы ради: $30/час ;)
Вы лучше код в песочницу пишите и давайте ссылку на форуме. Когда будет время и интерес, помогу, чем смогу.

ksa 13.11.2013 08:30

Цитата:

Сообщение от BETEPAH
там кода на полчаса отсилы

Вот именно поэтому даже слесари имеют расценки более высокие чем у тебя...

Arramis 13.11.2013 16:54

кстати при прокрутке позлузна в этом слайдере идут GET запросы или это мне кажется ? в консоли где часть network запросы не идут, но в адресной строке ссылки меняются на соответсвующие при передвижении ползунка. Кто - нибудь понял что за магия там творится ?

imediasun1 14.11.2013 03:44

Песочница
http://learn.javascript.ru/play/WBZeMb
Вопрос номер один - Как сделать чтобы при повторном нажатии кнопок анимация начиналась с того места на котором закончилась а не заново?
Вопрос номер два как сделать постепенное замедление при остановке и даже небольшое реверсивное движение назад на 5%.
Вопрос номер 3- Как сделать так чтобы анимация не останавливалась при нажатой кнопке.
А вообще то надо просто как здесь, с ползунком и в точности как здесь http://www.pacorabanne.com/invictus/#!/candidates Помогите пожалуйста кто чем может

ruslan_mart 14.11.2013 10:31

Вот, набросал самый простой вариант слайдера: http://learn.javascript.ru/play/f8FqG


Часовой пояс GMT +3, время: 06:23.