[FAQ] bb-код [SLIDER] - анимированные картинки в сообщениях на форуме
Слайдер v1.99 (устарело)
В ообщем побаловался сегодня ночью немного с ББ-кодом картинок. Выбрал анимированный эффект с FX. Но что-то не особо впечатляет, т.к. из-за них форум движется ))) А это опять нужно бороться с движением. Да и скорость у меня слабая, может поэтому всё выглядет не так. И в спойлере почему-то не так работают. Если есть идеи, предлагайте. Не будет идей, тогда к вечеру уберу эту затею.
При наведении мышки на картинку, она замерзает, пока не уберёте мышку.
Можно остановить принудительно ротацию, нажав "Стоп".
Можно просто просматривать нужные картинки по пронумерованным кнопочкам слева внизу.
Действие аналогично как в листинге[LIST].
Но здесь не получается реализовать всё в одном теге. Поэтому используются 2 вида тегов:
1.[animate-name="Название_Анимации"]...[/animate-name] - В опцию вписывается время название анимации без_пробелов! Этот тег обрамляет список картинок в тегах [animate=""][img]...[/img][/animate"], аналогично тегу[LIST].
2.[animate="fadeIn, fadeOut"]...[/animate"] - в этот тег уже вставляются ссылки на картинки в теге [IMG]. В опциях, через запятую вставляются 2 вида эффектов - входящий (In) и выходящий (Out). Все виды возможных эффектов можно посмотреть здесь.
Убрали из-за невозможности выставить свой размер окна слайдера.
Лишняя красивая рамка так же отнимала рабочее пространство.
Из преимуществ - возможность указания названия слайдера (уникальный ID, в результате возможность многократного использования на странице без конфликтов с другими слайдерами)
Оставлен для истории: https://www.pspx.ru/forum/AnythingSli...mes/index.html
Действие аналогично как в листинге[LIST].
Используются 2 вида тегов:
1.[slider-name="Название_Анимации"]...[/slider-name] - В опцию вписывается название слайдера без_пробелов! Этот тег обрамляет список картинок в тегах [slider=""]http://img.jpg[/slider"], аналогично тегу[LIST].
2.[slider="Описание картинки"]...[/slider"] - в этот тег уже вставляются ссылки на картинки (в чистом виде (без тега [IMG]). В опцию, пишем краткое описание или титры, которые потом будут появляться над картинкой выплывающим вниз эффектом.
Ограничения! В ББ-коде нельзя делать переносы на новую строку, то есть весь код должен идти непрерывно. Иначе на каждый перенос будет добавляться 2-ной перенос и окно картинок будет увеличиваться в высоту с прогрессией.
Действие аналогично как в листинге [LIST].
Используются 2 вида тегов:
1.[slidersize="width:640px;height:360px"]...[/slidersize] - в опцию вписываются размеры слайдера по ширине и высоте (через точку с запятой, без пробелов). Этот тег обрамляет список картинок в тегах пункта №2 ниже, аналогично тегу [LIST].
2.[slider="Описание картинки"]...[/slider"] - в этот тег уже вставляются ссылки на картинки в чистом виде (без тега [IMG]). В опцию, пишем краткое описание или титры, которые потом будут появляться над картинкой выплывающим вниз эффектом.
Примечание: Если не требуется вставлять описание к картинке, то 2-ой вид тега не нужен. Можно просто вставлять картинку в теге [IMG] или [ATTACH](из вложения данного сообщения).
Ограничения! В ББ-коде нельзя делать переносы на новую строку, то есть весь код должен идти непрерывно. Иначе на каждый перенос будет добавляться 2-ной перенос и окно картинок будет увеличиваться в высоту с прогрессией. Допускаются только пробелы между ББ-кодами.
Прошу любить и жаловать, Ваш Добро пожаловать в наш Чат в Telegram
Последний раз редактировалось ErikPshat; 09.05.2017 в 08:32.
Ваще-та да, что так, что эдак, одно и то же растяжение. Ну разве что если на Ютубе выбрать формат ссылки HD.
P.S. Да, не нравится что-то, что один слайдер на страницу и у всех получается один ID. Если зайдёт какой-нибудь нуб и повесит свой слайдер, то проявится глюк. Есть идея сделать уникальный ID для каждого слайдера, например по номеру поста.
Прошу любить и жаловать, Ваш Добро пожаловать в наш Чат в Telegram
Другие консоли: PSOne, Денди c пистолетами >:D, iPod touch 5g 32Gb, iPad mini 16Gb
Регистрация: 20.07.2009
Адрес: Муром
Возраст: 31
Сообщений: 2,544
Вы сказали Спасибо: 1,046
Поблагодарили 1,042 раз(а) в 674 сообщениях
Сила репутации: 1
Репутация: 1042 (просто великолепная личность)
Смотрится отлично, ничего лишнего. И выбор палитры покомпактнее стал.
Я хоть и видел по-другому (кнопочки покрупнее), но так даже больше нравится)
Осталось починить переходы, если это возможно вообще.
Осталось починить переходы, если это возможно вообще.
Да переходы работают. Просто происходит задержка из-за скриптов форума. В эталоне задержек не видно, потому что это отдельная страница HTML, без всяких форумных скриптов.
Там есть возможность выставить другие виды переходов:
horizontal - прокрутка по горизонтали
vertical - прокрутка по вертикали
fade - фейдер (затухание) - установлено сейчас
Собсно все они работают. А это значит, что и фейдер работает, просто немного с запозданием, т.е. как будто в фон.
Прошу любить и жаловать, Ваш Добро пожаловать в наш Чат в Telegram
Нужно ли добавить кнопочки для BB-кода слайдера в панель редактирования расширенного режима? Или так обойдёмся?
Нужно ли сделать возможность добавления нескольких слайдеров на странице?
Если да, то нужно будет в первом обрамляющем теге [slider-size="width:940px;height:544px"] вписывать в опцию размеры БЕЗ пробелов (т.е. НЕ так: width: 940px; height: 544px), тогда эту опицию можно использовать в качестве уникального названия слайдера и изменяя размер хоть на 1 пиксель, получится уже другое название слайдера. Но если на одной странице будут 2 слайдера с одинаковыми размерами, то получатся 2 слайдера с одним и тем же названием, тогда будет работать только 1-ый слайдер.
Какие будут ещё предложения по дизайну и функционалу слайдера? Что молчим-то?
Прошу любить и жаловать, Ваш Добро пожаловать в наш Чат в Telegram
ОК! Как появится время, сразу же займусь этим. Просто добавить ББ-коды в панель редактирования - это ручная работа, связанная с редактированием шаблона написания сообщений. Поэтому тут не всё так просто, в админке всё пилиять сделано не для админов
Ах да, нужно будет ещё нарисовать GIF-ки 21х20 для этих 2-ух ББ-кодов.
Переносы строк внутри ББ-кодов по прежнему не прокатывают.
Допускаются только пробелы между ББ-кодами.
Прошу любить и жаловать, Ваш Добро пожаловать в наш Чат в Telegram
Последний раз редактировалось ErikPshat; 18.03.2014 в 18:21.
Добавил иконки в форму расширенного ответа, а так же в форму публичных сообщений в личном кабинете.
Синтаксис снова поменялся!
Обрамляющий тег [slidersize="width:960px;height:544px"] теперь пишется слитно. Если вы где-то оставляли в темах слайдеры, то исправляйте. Не забудьте про закрывающий тег, он так же слитный! В написании ширины и высоты не следует делать пробелов - это потребуется для возможности вставки нескольких слайдеров на одной странице, эту функцию я добавлю позже. Пожалуй больше никаких изменений в слайдере не планируется.
Да, оказывается нельзя в названиях ББ-кодов использовать тире(-), так как при попытке добавить его в панель редактирования, вся панель крашится и пропадает
Поэтому название [slider-size=""] пришлось сделать слитным.
Прошу любить и жаловать, Ваш Добро пожаловать в наш Чат в Telegram
03.03.2014, 12:43
[FAQ] bb-код [SLIDER] - анимированные картинки в сообщениях на форуме
![Картинки вставляются в тег [slider-size=*width:640;height:360*]](https://www.pspx.ru/forum/AnythingSlider/Themes/demos/6.jpg)
![Внутрь этого тега вставляем тег листинга [slider=*Описание картинки*]](https://www.pspx.ru/forum/AnythingSlider/Themes/demos/Chuunibyou demo Koi ga Shitai! 02.jpg)
![Внутри тега [slider] вставляем прямую ссылку на картинку](https://www.pspx.ru/forum/AnythingSlider/Themes/demos/Chuunibyou demo Koi ga Shitai! 03.jpg)
(2)
Линейный вид
![C чего начать? ⇒ ⇒ ⇒ [ЧАВО] - ответы на ЧАсто задаваемые ВОпросы](../forum/images/panel_start.png "C чего начать? ⇒ ⇒ ⇒ [ЧАВО] - ответы на ЧАсто задаваемые ВОпросы")
