Вывести cлайдер n раз на странице

[baraban-bass]

Обращаюсь к гуру, так как сам ламер в джаваскрипте. Причем полный ламер.
Пытаюсь прикрутить слайдер. Одна штука слайдера работает исправно. Если копирую код, то второй слайдер не рисуется. Изгуглился, но не нашел ответа, как сделать, чтобы скрипт работал второй раз, и третий, если надо.

Итак, имею вот такой джаваскриптовый код:

<script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="js/image-slider.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
    $('#slider').slider({ speed: 500 });
    });       
</script>

Скрипт выполняется в процессе выполнения этого кода:

<div id="main">
   <div id="double">
      <div>
          код, код, код
      </div>
   </div>
</div>

Блок MAIN с его содержимым выводится динамически энное число раз.
Надо:
Как сделать, чтобы скрипт энное число раз выводил мне слайдер?



Делал так несколько раз:

<script type="text/javascript">
    $(document).ready(function() {
    $('#slider').slider({ speed: 500 });
    });       
</script>
<div id="main">
        <div id="double">
            <div>
                   код, код, код
            </div>
        </div>
    </div>

Все равно работает один раз.

Присоветуйте плиз. Цель - вывести слайдер несколько раз на странице. Количество раз динамическое.


P.S. В файле js/image-slider.js сам обработчик слайдера. Надо просто заставить его отработать снова, поэтому его код не привожу.

Пожалуйста, оформляйте Ваш код согласно правилам.

[CodeNOT]

вместо id используйте селектор по классу, что бы как-то понятнее объяснить пишу следующее:
1) id - уникальный идентификатор у dom - элемента (как ваш номер паспорта например)
2) class - группа dom-элементов

а теперь внимание, примерно правильный код:

<div class="slider"></div>
<div class="slider"></div>
<div class="slider"></div>
<script type="text/javascript">
   $(document).ready(function(){
       $('.slider').slider({speed: 500});
   });
</script>

[baraban-bass]

Весьма благодарен. С классами и ид знаком по css гораздо больше, чем с JS. Однако есть вопрос: надо ли мне теперь для создания класса переписывать библиотеку css и выполняемый код слайдера, так как он тоже работает со стилями.

Изменил ИД слайдер на КЛАСС слайдер и растиражировал. Получил 2 слайдера, которые одновременно крутятся. То есть на одном жмешь стрелку, второй тоже крутится.

[Naive]

попробуй так:

$('.slider').each(function(){
  $(this).slider({speed: 500});
});

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

[baraban-bass]

Сообщение от Naive

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

А есть на примете скрипт готовый? Размеры отрегулирую. Остальные требования как в первом посте.

P.S. Изменение не помогло - еще поэкспериментирую.

[Naive]

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

[CodeNOT]

Сообщение от Naive

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

СЛОЖНААААААААААА
ДОЛГААААААААААААА
ЗАСЕМ НАСЯЛЬНИКАААА?

[Naive]

Стеб, я въехал, но все-же:

Сообщение от CodeNOT

СЛОЖНААААААААААА

вперед/назад кнопки(опцинально), бар со слайдами(опционально), слайды... все!

Сообщение от CodeNOT

ДОЛГААААААААААААА

10 минут — JS, 20 минут — CSS & анимация, если не делать, конечно уникальную анимацию по каждому слайду (со сложной анимацией как-то ушло 12 часов на верстку и программирование 9 слайдов)

Сообщение от CodeNOT

ЗАСЕМ НАСЯЛЬНИКАААА?

фулл-контроль кода, минимальные затраты на адаптирование/конфликты/баги и полная свобода действий

[baraban-bass]

Сообщение от Naive

Стеб, я въехал, но все-же:

...10 минут — JS...

У меня проблема как раз с этим. Ну не знаю я джаву. Работал бы пхп с браузером, уже б давно все написал.

[baraban-bass]

Люди, Гуры, ну присоветуйте, плиз. Еще раз суть:
Надо, чтобы на странице выводился слайдер с тремя видимыми дивами, остальные дивы невидны. И таких слайдеров на странице генерируется от 1 до 9. В слайдере нужны стрелки вперед-назад, а превьюшки не нужны. Может у кого есть на примете что-то готовое работающее.