Новости Joomla

Компонент View logs v.2.1.0 получил совместимость с Joomla 6

Журнал NorrNext. 20 лет Joomla™. Продолжение

Журнал NorrNext. 20 лет Joomla™

Журнал NorrNext. 20 лет Joomla™. Новые интервью 🎈🆕

Продолжаю публиковать новые интервью с волонтёрами и видными персонами из мира Joomla.
Это — огромная и кропотливая работа. Всё для вас, друзья.

Доступны к чтению новые интервью со следующими Joomla активистами (на английском языке):

✔️ Akarawuth Tamrareang (Таиланд) 🇹🇭
✔️ Alison Meeks (Канада) 🇨🇦
✔️ David Aswani (Кения)🇰🇪
✔️ Jeison Ferreira (Бразилия) 🇧🇷
✔️ Marc-Antoine Thevenet (Франция) 🇫🇷
✔️ Richard Gosler (Соединённое Королевство) 🇬🇧
✔️ Roland Dalmulder (Нидерланды) 🇳🇱
✔️ Sakis Terzis (Греция) 🇬🇷
✔️ Sandra Decoux (Франция) 🇫🇷
✔️ Sonny Le (Вьетнам) 🇻🇳
✔️ Svetoslav Slavkov (Болгария) 🇧🇬
✔️ Viviana Menzel (Германия) 🇩🇪

‼️ Новые интервью будут добавляться в этот первый выпуск до декабря. 20-го числа, поэтому периодически проверяйте обновления💡

👉 Читать далее

JL Sitemap v2.1.0 – обновление компонента для карт сайта

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 16 Ответов
  • 6615 Просмотров
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Слайдер изображений: циклическая прокрутка
« : 05.11.2014, 01:03:03 »
Делаю слайдер изображений.
Сейчас умею делать только fade, а надо чтобы была прокрутка по кольцу.
Как заставить слайды плавно крутится слева направо и справа налево - не знаю.
Пересмотрел 100500+ примеров в сети - не получается ничего.
Пробовал по примеру как здесь: http://www.howtomake.com.ua/front/prostoj-slajder-s-gorizontalnoj-prokrutkoj-svoimi-rukami.html - в результате плавной прокрутки нет, происходит резкая смена картинки без эффекта прокрутки.

Прошу помощи.
« Последнее редактирование: 06.11.2014, 13:38:29 от AlekVolsk »
Записан
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Re: Слайдер изображений: циклическая прокрут
« Ответ #1 : 05.11.2014, 01:35:36 »
Записан
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Re: Слайдер изображений: циклическая прокрут
« Ответ #2 : 05.11.2014, 01:46:35 »
Цитировать
а надо чтобы была прокрутка по кольцу
http://javascript.ru/forum/jquery/50080-menyat-po-krugu-prozrachnost-ehlementov-v-div-start.html#post329969
использует замыкания, раз получает элементы DOM, а затем по кругу ;D
На этом я учился
http://jsfiddle.net/vlasenkofedor/JqULS/  yes!
« Последнее редактирование: 05.11.2014, 01:56:38 от Fedor Vlasenko »
Записан
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Слайдер изображений: циклическая прокру&#
« Ответ #3 : 05.11.2014, 01:59:51 »
Блин, темная дубрава..

В общем, первый слайд не желает перемещаться в конец
« Последнее редактирование: 06.11.2014, 13:37:19 от AlekVolsk »
Записан
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Re: Слайдер изображений: циклическая прокрут
« Ответ #4 : 05.11.2014, 02:11:55 »
Зачем клик по кнопке в цикл each засунул
$('.ai_slider_rbtn') - так писать очень плохо. Jquery должна просмотреть у всех элементов класс >:(
лучше $('li.ai_slider_rbtn') еще лучше  $('li.ai_slider_rbtn', '#id') $('#id li.ai_slider_rbtn')  $('#id').find('li.ai_slider_rbtn')
Записан
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Слайдер изображений: циклическая прокру&#
« Ответ #5 : 05.11.2014, 02:16:34 »
$('.ai_slider_rbtn') находится за пределами $('.ai_slider_imgbox')
Потом поправлю, добавлю к каждому слайдеру свой id, сейчас он все равно один на странице, пока не важно.

Почему первый слайд не желает перемещаться в конец?
Записан
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Re: Слайдер изображений: циклическая прокрут
« Ответ #6 : 05.11.2014, 02:23:20 »
Цитировать
Почему первый слайд не желает перемещаться в конец?
Сделай демку в песочнице для начала http://learn.javascript.ru/play
Записан
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Слайдер изображений: циклическая прокрутка
« Ответ #7 : 05.11.2014, 02:46:40 »
Вроде сделал, крутит.
А как теперь прокрутить на нужный слайд по клику на буллет?
« Последнее редактирование: 06.11.2014, 13:38:18 от AlekVolsk »
Записан
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Слайдер изображений: циклическая прокрутка
« Ответ #8 : 06.11.2014, 23:38:33 »
Сделал: http://learn.javascript.ru/play/oeE9h
Федору огромная благодарность за ссылки.
« Последнее редактирование: 07.11.2014, 01:23:48 от AlekVolsk »
Записан
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Re: Слайдер изображений: циклическая прокрутка
« Ответ #9 : 07.11.2014, 01:15:02 »
Когда же ты вынесешь свой код нажатия из each. И увидишь что он тебе не нужен
Еще один пример http://jsfiddle.net/vlasenkofedor/kLYJg/  :laugh:
Записан
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Слайдер изображений: циклическая прокру&#
« Ответ #10 : 07.11.2014, 01:32:37 »
Все в each потому, что слайдеров на странице может быть много. Ваш последний пример этого не учитывает, или я неправильно понял его (пример).
« Последнее редактирование: 07.11.2014, 01:43:20 от AlekVolsk »
Записан
*

fsv

  • Живу я здесь
  • 2781
  • 411 / 2
Re: Слайдер изображений: циклическая прокрутка
« Ответ #11 : 07.11.2014, 15:01:19 »
Цитата: AlekVolsk от 07.11.2014, 01:32:37
Все в each потому, что слайдеров на странице может быть много.
В подобных ситуациях так же пытаюсь это предусмотреть, кто и как будет потом использовать хз. Но тогда не надо использовать id, только классы.
$('#ai_slider_slide0', mainThis).find('.ai_slider_slidecontent').fadeIn(0);
=>
$('.ai_slider_slidecontent', mainThis).eq(0).fadeIn(0);
Медленнее, зато может быть их (слайдеров) много.
Также, чтобы у каждого из 100500 слайдеров на странице не отрабатывал один и тот же js-код, в начале кода инициализирую какую-нибудь переменную "мой слайдер" и оборачиваю весь js-код, относящийся к слайдеру (вместе с этой переменной), в "IF эта переменная не определена".
Записан
Веб-разработка: заказ. Только новая разработка.
*

zomby6888

  • Завсегдатай
  • 1473
  • 171 / 3
Re: Слайдер изображений: циклическая прокрутка
« Ответ #12 : 07.11.2014, 16:05:41 »
Зачем вобще их изобретать если слайдеров в инете куча? Взял какой нибудь наиболее подходящий, подпилил под свои нужды и все довольны
Записан
интернет-блог: http://websiteprog.ru
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Слайдер изображений: циклическая прокрутка
« Ответ #13 : 07.11.2014, 18:41:13 »
Цитата: fsv от 07.11.2014, 15:01:19
В подобных ситуациях так же пытаюсь это предусмотреть, кто и как будет потом использовать хз. Но тогда не надо использовать id, только классы.
$('#ai_slider_slide0', mainThis).find('.ai_slider_slidecontent').fadeIn(0);
=>
$('.ai_slider_slidecontent', mainThis).eq(0).fadeIn(0);
Медленнее, зато может быть их (слайдеров) много.
Также, чтобы у каждого из 100500 слайдеров на странице не отрабатывал один и тот же js-код, в начале кода инициализирую какую-нибудь переменную "мой слайдер" и оборачиваю весь js-код, относящийся к слайдеру (вместе с этой переменной), в "IF эта переменная не определена".
Про классы согласен, но в данном случае лучше id, имхо: при инициализации скрипта нумерация слайдов идет по порядку, #0 будет всегда первым, так зачем перебирать кучу, если можно обратиться сразу к нужному напрямую?
Про переменную: префикс ai_slider_ врядли использует кто-то еще, уж в пределах одного сайта - гарантированно нет. А слайдов и так 100500 ))

Цитата: zomby6888 от 07.11.2014, 16:05:41
Зачем вобще их изобретать если слайдеров в инете куча? Взял какой нибудь наиболее подходящий, подпилил под свои нужды и все довольны
По сути взял в инете образец, выпилил лишнее, с помощью примеров Федора (уважение Спецу) допилил свое. Мне надо было совместить прокрутку с фэйдом - вот такого образца как раз не встречал, + клик по слайду - редирект на пункт меню, если указано (id меню прописываю в виде суффикса имени файла: image_101.png), без использования компонента (условия ТЗ). Это как раз тот случай, когда набор слайдов не планируется менять оч.долго.
Записан
*

fsv

  • Живу я здесь
  • 2781
  • 411 / 2
Re: Слайдер изображений: циклическая прокрутка
« Ответ #14 : 07.11.2014, 19:03:40 »
Цитата: AlekVolsk от 07.11.2014, 18:41:13
Про классы согласен, но в данном случае лучше id, имхо
Вопрос не о том, как лучше в отдельно взятом слайдере, а в том, что любой ID должен быть в документе уникальным, т.е. 2-х одинаковых id (если кому-то захочется вывести 2 слайдера) быть не должно.
Записан
Веб-разработка: заказ. Только новая разработка.
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Слайдер изображений: циклическая прокрутка
« Ответ #15 : 07.11.2014, 19:28:05 »
Так потому и идет конкретная привязка к конкретному экземпляру слайдера:
$('#ai_slider_slide0', mainThis)
Можно из без id обойтись, нарисовав data-, но так посчитал легче. Код вообще требует хорошего вылизывания, но js мне не оч. дается, потому - как есть, спасибо и на этом.
Записан
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Re: Слайдер изображений: циклическая прокрутка
« Ответ #16 : 07.11.2014, 22:38:06 »
Лови пример инициализации. И слайдеры было хорошо бы так.
http://jsfiddle.net/vlasenkofedor/hyQnb/
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Прокрутка слайдрера в scrollify?

Автор warlocksp

 Ответов: 1
Просмотров: 740 		Последний ответ 27.09.2021, 12:58:50
от warlocksp
CSS - Прокрутка контента во всплывающем окне

Автор john.deff

 Ответов: 2
Просмотров: 1679 		Последний ответ 13.09.2016, 20:20:48
от john.deff
Прокрутка содержимого на право и лево

Автор Ildan37

 Ответов: 4
Просмотров: 1373 		Последний ответ 24.11.2015, 23:52:43
от robert
Плавная прокрутка страницы колесиком

Автор Lex9207

 Ответов: 12
Просмотров: 8077 		Последний ответ 06.11.2015, 09:05:47
от Alldar
[Решено] Прокрутка на JQ

Автор AlekVolsk

 Ответов: 11
Просмотров: 2189 		Последний ответ 26.10.2014, 18:18:18
от AlekVolsk