ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайте
Стать модераторомОтзывы

Предложения
Внимание! Проходит конкурс Дарим позитив. Главный приз самому позитивному - 1000 РУБЛЕЙ!

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка » Портфолио » Слайдер картинок в дополнительном поле профиля


Слайдер картинок в дополнительном поле профиля

Сообщений 1 страница 2 из 2

1

[html]<link rel="stylesheet" href="https://forumstatic.ru/files/0007/e3/f7/40249.css">
<div id="port-block1" class="free">

<a class="tip" id="cover" title="Слайдер картинок в профиле пользователя">
  <div id="icon"></div>
  <img src="https://forumuploads.ru/uploads/0007/e3/f7/2/237639.gif" class="postimg">
</a>

<div id="cover-block">
Дата: 16.09.2020<br>
Автор: <a href="/profile.php?id=2" target="_blank">Герда</a><br>
Бесплатный скрипт<br>
Описание: Анимирует в виде слайдера картинки, добавленные через дополнительное поле (флажки).
</div>

</div>

<style>
.punbb .topicpost .post-content .spoiler-box {
border: 1px solid #26af33;
background-color: rgba(38,175,51,0.1);
}
.punbb .post-content .spoiler-box > div:hover {background-color: rgba(38,175,51,0.6);}
.punbb .post-content .spoiler-box > div {background-color: rgba(38,175,51,0.3);}
.post-content .spoiler-box > div.visible {background-color: rgba(38,175,51,0.8); color: #fff !important;}
#pun .punbb .post-content hr {border: 3px solid #279933;}

.post-content td {background-color: rgb(0, 0, 0) !important;}
.visible .quote-box {background-color: rgba(0,0,0,0.5);}

</style>[/html]

Код и описание

Применение скрипта может быть любым на ваш вкус. Например: очередной вариант наград, значков или даже инвентаря ролевого персонажа.
Картинки вставляются через дополнительное поле (тип поля - флажки) и удобно выдаются пользователям.
Но что всегда мешает выводить такие картинки в профиле в топике - это длинна списка картинок. Этот скрипт убирает картинки в удобный слайдер, который автоматически подстраивается под размер картинок. Теперь можно вставлять в профиль бесконечное количество картинок, все их можно удобно пролистывать и они не растягивают профиль.

Скрипт (HTML-верх)

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Стиль (HTML-верх)

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Настройка
Для скрипта создаем дополнительное поле типа "Флажки". В него вставляем ссылки на картинки (и всплывающее описания):

Остальные настройки поля могут быть любыми на ваш вкус и цвет.

Номер дополнительного поля ставим на этих двух строчках скрипта:

$(this).find(".pa-fld3").wrapInner("<ul id='pics'></ul>");
$(this).find(".pa-fld3 img").wrap("<li></li>");

и в этой части стиля:

/* Убираем название доп.поля */
.pa-fld3 .fld-name {display: none;}  /* укажи здесь номер доп.поля */

Все настройки слайдера и стиля, которые вам понадобятся подписаны.
Также я добавила в стиль код, который делает ставит картинки в ряд при редактировании профиля:

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

+2

2

Из выявленных проблем:

Для корректного отображения, в профиле должно быть автивировано как минимум на одну картинку больше, чем в настройке:

itemsVisible: 2,  //количество картинок в одном слайде (РЕКОМЕНДОВАНО 2)

Т.е. если установлено две картинки, надо чтоб было как минимум 3
если установлено три - надо как минимум 4

---

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

0

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»


ВНИМАНИЕ! При обращении за техподдержкой и вопросами по скриптам/оформлению, оставляйте ссылку на форум/сайт с проблемой! Специалист должен вживую видеть проблему, чтобы подсказать как ее решить.

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удалите символы: "http://", "https://" или "www."


Вы здесь » ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка » Портфолио » Слайдер картинок в дополнительном поле профиля