Комментарии 48
К сожалению у меня не хватило кармы, чтобы перенести этот топик в блог Javascript.
Может примените хабракат?
div#sample-slider {position:relative; z-index:20}
div#sample-slider ol#slides{z-index:10}
помогло?
div#sample-slider ol#slides{z-index:10}
помогло?
Поскольку многие используют JS-фреймворки, разумно использовать готовое решение, которое лишено указанных Вами ограничений по браузерам: http://flowplayer.org/tools. Есть версия «со встроенным» jQuery, есть в виде отдельного файла.
В данном случае мне было интересно самому разработать решение. К тому же имеющееся не устраивало, т.к. нужно было обеспечить кольцевую прокрутку — когда слайды уже прокручены в одну сторону до конца, в прокрутке участвуют слайды с другого конца.
Есть ещё отличный плагин scrollTo с надстройкой ввиде плагина SerialScroll
и сегодняшний релиз slideitmoo на mootools
я дааавно баловался, похожее сделал на JQuery, но чуть по другому sandbox.pochta.ru/
div#sample-slider {
border: 1px solid #000000;
height: 60px;
overflow: hidden;
width: 302px;
position: relative; /* добавить */
}
У вас в рабочем примере, где две ссылочки slide left и slide right, когда жмем slide right то наша лента уходит вправо, а на самом деле она должна уходить влево — мы как бы хотим посмотреть контент, который правее.
Нет ссылки на отдельный слайд
Текст ссылки начинает выделяться при дабл клик, что не есть хорошо.
Из тех браузеров, где проводилось тестирование — Mozilla Firefox 3.5.2, Google Chrome 2.0.172.39, Opera 9.6 и Microsoft Internet Explorer 8.0.7600.16385), — эта проблема наблюдалась только в Opera.
Возможно, ещё имеет значение платформа. Все вышеописанные браузеры у меня установлены в Windows 7 RTM.
Возможно, ещё имеет значение платформа. Все вышеописанные браузеры у меня установлены в Windows 7 RTM.
А колёсико?
Неплохая идея. Только, думаю, она больше подошла бы для вертикальных слайдеров.
Моя же реализация в данный момент применима только для горизонтальных.
Моя же реализация в данный момент применима только для горизонтальных.
Вот, из состава вышеуказанного jQuery TOOLS, присутствует горизонтальный вариант с прокруткой колесиком. Очень удобно.
Да, действительно, довольно удобно. Ну что ж, буду иметь в виду.
Обычно я делаю то, что нужно заказчику. И очень часто, это 1-2 «тулзы» с чётко определёнными требованиями к функциональности, которые довольно просто и быстро можно написать вручную.
Плюс ко всему, процесс решения какой-либо задачи мне интересен. Поэтому я и предпочитаю, там где это можно без проблем реализовать самому, не использовать объёмный фреймворки.
Обычно я делаю то, что нужно заказчику. И очень часто, это 1-2 «тулзы» с чётко определёнными требованиями к функциональности, которые довольно просто и быстро можно написать вручную.
Плюс ко всему, процесс решения какой-либо задачи мне интересен. Поэтому я и предпочитаю, там где это можно без проблем реализовать самому, не использовать объёмный фреймворки.
Думается, было бы неплохо реализовать прокрутку влево-вправо по клику на крайний левый-правый элемент соответственно.
Реализовать можно очень многое. Ваш предложение интересено. Но я бы позиционировал такое решение больше как дополнительное, нежели базовое.
При разработке конкретного примера, я прежде всего ориентировался на упрощение, чтобы всё было максимально понятно и наглядно, и при этом была реализована основная функциональность.
Но всё равно, спасибо за идею.
При разработке конкретного примера, я прежде всего ориентировался на упрощение, чтобы всё было максимально понятно и наглядно, и при этом была реализована основная функциональность.
Но всё равно, спасибо за идею.
Отлично. Вчера только думал о внедрении таких слайдеров на сайт нашей компании, а сегодня вижу тут готовое решение. Сейчас подгоню стили и размеры под свои требования и вперед. Автору спасибо огромное.
Если очень быстро нажать «Slide Left», «Slide Right» получится интересный эффект. (FF 3.5).
Сегодня было проведено успешное тестирование в браузере Microsoft Internet Explorer 6.0.2900.5512 в Windows XP Professional SP3, а также в Opera 8.65.2779 (только в режиме display установленном в desktop) в Windows Mobile 6.1 Professional.
А можно сделать так, чтобы автоматически как в demo.gavick.com/ в шаблоне ICKI Sports под большими картинками?
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Создание слайдеров с анимированной прокруткой, используя Javascript