|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
|
Опции темы | Поиск в этой теме |
20.05.2016, 13:00 | #1 |
Регистрация: 20.05.2016
Сообщений: 8
|
Вывести cлайдер n раз на странице
Обращаюсь к гуру, так как сам ламер в джаваскрипте. Причем полный ламер.
Пытаюсь прикрутить слайдер. Одна штука слайдера работает исправно. Если копирую код, то второй слайдер не рисуется. Изгуглился, но не нашел ответа, как сделать, чтобы скрипт работал второй раз, и третий, если надо. Итак, имею вот такой джаваскриптовый код: Код HTML:
<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> Скрипт выполняется в процессе выполнения этого кода: Код HTML:
<div id="main"> <div id="double"> <div> код, код, код </div> </div> </div> Блок MAIN с его содержимым выводится динамически энное число раз. Надо: Как сделать, чтобы скрипт энное число раз выводил мне слайдер? Делал так несколько раз: Код:
Все равно работает один раз. Присоветуйте плиз. Цель - вывести слайдер несколько раз на странице. Количество раз динамическое. P.S. В файле js/image-slider.js сам обработчик слайдера. Надо просто заставить его отработать снова, поэтому его код не привожу. Пожалуйста, оформляйте Ваш код согласно правилам. Последний раз редактировалось Вадим Мошев; 20.05.2016 в 21:50. |
20.05.2016, 13:10 | #2 |
Форумчанин
Регистрация: 08.11.2010
Сообщений: 593
|
вместо id используйте селектор по классу, что бы как-то понятнее объяснить пишу следующее:
1) id - уникальный идентификатор у dom - элемента (как ваш номер паспорта например) 2) class - группа dom-элементов а теперь внимание, примерно правильный код: Код:
|
20.05.2016, 13:17 | #3 |
Регистрация: 20.05.2016
Сообщений: 8
|
Весьма благодарен. С классами и ид знаком по css гораздо больше, чем с JS. Однако есть вопрос: надо ли мне теперь для создания класса переписывать библиотеку css и выполняемый код слайдера, так как он тоже работает со стилями.
Изменил ИД слайдер на КЛАСС слайдер и растиражировал. Получил 2 слайдера, которые одновременно крутятся. То есть на одном жмешь стрелку, второй тоже крутится. Последний раз редактировалось baraban-bass; 20.05.2016 в 13:38. |
20.05.2016, 15:09 | #4 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
попробуй так:
Код:
Alar, верни репу!
|
20.05.2016, 15:31 | #5 |
Регистрация: 20.05.2016
Сообщений: 8
|
|
20.05.2016, 18:28 | #6 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Не-а, всегда пишу под задачу свой велосипед. Так оно быстрее и надежнее, чем сперва искать чье-то решение, а потом баги вылавливать.
Alar, верни репу!
|
20.05.2016, 19:37 | #7 |
Форумчанин
Регистрация: 08.11.2010
Сообщений: 593
|
|
20.05.2016, 21:45 | #8 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Стеб, я въехал, но все-же:
вперед/назад кнопки(опцинально), бар со слайдами(опционально), слайды... все! 10 минут — JS, 20 минут — CSS & анимация, если не делать, конечно уникальную анимацию по каждому слайду (со сложной анимацией как-то ушло 12 часов на верстку и программирование 9 слайдов) фулл-контроль кода, минимальные затраты на адаптирование/конфликты/баги и полная свобода действий
Alar, верни репу!
|
23.05.2016, 09:41 | #9 |
Регистрация: 20.05.2016
Сообщений: 8
|
|
23.05.2016, 13:22 | #10 |
Регистрация: 20.05.2016
Сообщений: 8
|
Люди, Гуры, ну присоветуйте, плиз. Еще раз суть:
Надо, чтобы на странице выводился слайдер с тремя видимыми дивами, остальные дивы невидны. И таких слайдеров на странице генерируется от 1 до 9. В слайдере нужны стрелки вперед-назад, а превьюшки не нужны. Может у кого есть на примете что-то готовое работающее. |
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Вывести предложение несколько раз. | star007 | PHP | 3 | 06.05.2015 18:07 |
Delphi. Цикл While. Вывести целые числа от А до В, А вывести 1 раз, число А+1 вывести 2 раза и т.д. | schibeki | Помощь студентам | 4 | 07.02.2014 09:17 |
Как вывести на странице поочерёдно значения из массива? | Newcomer27 | PHP | 1 | 08.03.2013 04:14 |
Как вывести данные на странице из строки браузера? | ellada1 | PHP | 2 | 06.06.2012 06:54 |
Вывести число(количество руды) в label с web странице | Terti | Работа с сетью в Delphi | 0 | 07.10.2011 12:03 |