горизонтальная автопрокрутка в блоке

Внимание, важное сообщение: Дорогие Друзья!
В ноябре далекого 2001 года мы решили создать сайт и форум, которые смогут помочь как начинающим, так и продвинутым пользователям разобраться в операционных системах. В 2004-2006г наш проект был одним из самых крупных ИТ ресурсов в рунете, на пике нас посещало более 300 000 человек в день! Наша документация по службам Windows и автоматической установке помогла огромному количеству пользователей и сисадминов. Мы с уверенностью можем сказать, что внесли большой вклад в развитие ИТ сообщества рунета.

Но... время меняются, приоритеты тоже. И, к сожалению, пришло время сказать До встречи! После долгих дискуссий было принято решение закрыть наш проект. 1 августа форум переводится в режим Только чтение, а в начале сентября мы переведем рубильник в положение Выключен

Огромное спасибо за эти 24 года, это было незабываемое приключение. Сказать спасибо и поделиться своей историей можно в данной теме.

С уважением, ваш призрачный админ, BigMac...

горизонтальная автопрокрутка в блоке

a.3

Старожил

Сообщения: 170
Благодарности: 8

Конфигурация

Профиль | Цитировать

Изменения

Автор: a.3
Дата: 30-10-2011

Помогите найти быстрое решение на js следующей задачи. Есть такая картина:

Код:

HTML:

<div id="container">
   <div class="slide">...</div>
   <div class="slide">...</div>
   <div class="slide">...</div>
</div>

CSS:

#container {white-space: nowrap; overflow: auto;}
.slide {display: inline-block;}

Есть блок-контейнер, очень желательно резиновый 100% ширины, который содержит много inline-block-элементов разной ширины. Т.к. есть запрет переноса, соответственно появляется горизонтальный скроллбар при переполнении. Нужен js скрипт, который автоматически крутит содержимое контейнера направо-налево, и останавливается при наведении мышки. В интернете куча скроллеров/слайдеров, но я в этом разнообразии потерялся...
CSS указанный вовсе необязателен, да и без скроллбара можно обойтись, главное - плавный атоматический скроллинг туда-сюда (еще лучше - непрерывный, в одну сторону) ряда элементов произвольной ширины в контейнерном блоке тоже произвольной ширины. Многие mootools и jquery слайдеры требуют как для прокручиваемых элементов, так и для контейнера указание фиксированной ширины, а мне этого не надо... Поэтому, думаю, лучше реализовать именно через доработку обычного скроллинга, но, учитывая, что сам скроллбар, дабы не резать глаз, у меня стилизуется скриптом flexscroll.

Если еще короче - нужна плавная карусель разношироких элементов с остановкой анимации при наведении мыши.

Заранее спасибо.

Отправлено: 01:02, 30-10-2011