Единый форум поддержки

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

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


Вы здесь » Единый форум поддержки » Новые возможности форумов » Запросы по скриптам #11


Запросы по скриптам #11

Сообщений 1421 страница 1440 из 1629

1

Предыдущая тема - Запросы по скриптам[9]

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

Предыдущая часть темы: Запросы по скриптам[10]

+1

1421

Reysler написал(а):

ACT3255
Можно с помощью стиля:

.post-body .postimg {
    filter: blur(5px);
}

Значение в 5px можно регулировать (чем больше, тем размытее, в принципе 3-5 вполне хватит)

Добавлено спустя 2 минуты 54 секунды:

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

Да превью все одного размера 320х180

0

1422

Reysler
Ну можно добавить что вместе со ссылкой:

Код:
a>img.postimg{
 filter: blur(9px);
transition: .6s;
}
a>img.postimg:hover{
filter: none;
transition: .6s;
}

+1

1423

Deff написал(а):

a>img.postimg{
filter: blur(9px);
transition: .6s;
}
a>img.postimg:hover{
filter: none;
transition: .6s;
}

https://forumupload.ru/uploads/0000/14/1c/32894/t624434.png
наверно надо как то именно по размерам картинки делать.

0

1424

ACT3255 написал(а):

наверно надо как то именно по размерам картинки делать.

Ccылку на пост с примерами что надо блюрить(видное гостю)

2-е Если по размерам, то будет с задержкой блюриться ибо для определения размеров нужно время от полусекунды, до секунды, особенно если картинок много на странице

0

1425

Deff
https://act3255.mybb.ru/viewtopic.php?i … =555555079
Блюрим ток картинки превью видео, их размер 320х180

Deff написал(а):

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

Это без разницы, картинок не много по 3 - 4 на пост.

Отредактировано ACT3255 (Вс, 10 Мар 2024 11:26:36)

0

1426

ACT3255
Из простого, можно к таким картинкам добавлять атрибут:

[img=preview]ссылка на картинку[/img]

Тогда правило будет выглядеть как

.post-body .postimg[title="preview"] {
    filter: blur(5px);
}

Ну или в варианте Deffa:

a>img.postimg[title="preview"] {
  filter: blur(9px);
  transition: .6s;
}
a>img.postimg[title="preview"]:hover{
  filter: none;
  transition: .6s;
}

0

1427

Alex_63 написал(а):

Из простого, можно к таким картинкам добавлять атрибут:

Эт мне опять все картинки перелопачивать? Не, не пойдет, фиг с ним тогда ))))

0

1428

ACT3255
Если все такие картинки с превью с imageban, то вариант вместо [title=preview] прописать то же самое, но с [src*=".imageban.ru/thumbs"] - тогда не придётся перелопачивать )

+3

1429

Alex_63 написал(а):

ACT3255
Если все такие картинки с превью с imageban, то вариант вместо [title=preview] прописать то же самое, но с [src*=".imageban.ru/thumbs"] - тогда не придётся перелопачивать )

Так работает. Спасибо.

0

1430

ACT3255
Ну или вот с тестированием размеров( в начало HTML низ)

Код:
<style>
a>img.postimg.preview {
  filter: blur(9px); 
  transition: .6s;
}
a>img.postimg.preview:hover{
  filter: none;
  transition: .6s;
}
</style>
<!-- Тест размеров превью -->
<script type="text/javascript">
$('a>img.postimg').each(function() {
  var w = $(this).css('width')== '320px';
  var h = $(this).css('height')== '180px';
  if(h&&w)$(this).addClass('preview');
});
</script>

+1

1431

Deff написал(а):

ACT3255
Ну или вот с тестированием размеров( в начало HTML низ)

Код:
<style>
a>img.postimg.preview {
  filter: blur(9px); 
  transition: .6s;
}
a>img.postimg.preview:hover{
  filter: none;
  transition: .6s;
}
</style>
<!-- Тест размеров превью -->
<script type="text/javascript">
$('a>img.postimg').each(function() {
  var w = $(this).css('width')== '320px';
  var h = $(this).css('height')== '180px';
  if(h&&w)$(this).addClass('preview');
});
</script>

Работает только на последнее сообщение и то блюрит только 3 фото.
Вариант от @Alex_63 подошел, спасибо большое за отзывчивость.

Отредактировано ACT3255 (Вс, 10 Мар 2024 11:01:59)

+1

1432

Возможно, это очень старая тема (тогда ответ найдется быстро), прошу меня простить, если с чем-то повторяюсь: существует ли какая-то модификация скрипта формы быстрого редактирования от Alex_63, которая работает совместно с кастомными смайлами от Человек-Шаман?
В чем проблема совместимости: отрисовка формы окна редактирования (и кнопок над ним) происходит после того, как отрабатывают все скрипты страницы, включая те, что подвязаны на событие document.ready, из-за чего на кнопку не прописывается функция onClick.
Подскажите, пожалуйста, возможно, есть место, в котором можно дописать недостающий вызов.

0

1433

Newbie
Во-первых, ввиду наличия сходного функционала от сервиса, Быстрое редактирование v.3 и прочие модификации поддерживать не вижу смысла.
Во-вторых, совместимость со всеми скриптами реализовать проблематично, поскольку кастомных скриптов много и под каждый скрипт событий на пост не навесишь (а попытка решить проблему путём повторного вызова всех пользовательских скриптов даёт результат далёкий от желаемого).

Я бы предложил в скриптах (в частности, в упоминаемом скрипте смайлов) использовать делегирование обработчика события, т.е. вместо (к примеру)

$('элемент').click(function() {...})

использовать

$(document).on('click', 'элемент', function() {...})

В таком случае событие привязано к document и обработчик будет срабатывать также и на новых элементах, которых ещё не существовало во время загрузки.

+1

1434

Alex_63, большое спасибо за ответ, попробуем переделать ))

0

1435

Alex_63 написал(а):

Во-первых, ввиду наличия сходного функционала от сервиса

Newbie
кстати, да. почему бы просто не использовать Ajax?
администрирование - права

https://i.imgur.com/781RYsg.jpeg

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

0

1436

Герда, странно, т.к. скрипты на ajax у нас точно есть (что-то от Alex_63 я точно видела).
Надо будет на тестовой версии включить, посмотреть. Спасибо за совет.

0

1437

Newbie написал(а):

странно, т.к. скрипты на ajax у нас точно есть

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

ЗЫ. на этом форуме редактирование и постинг как раз таки через аджакс

0

1438

Герда, тогда, боюсь, ajax - не наш вариант в конкретном моменте. У нас активно используются теги масок и минипрофили (скриптовые). Однажды, возможно, мы их, конечно, перепилим, но это, явно, не на "5 минут приключение"

0

1439

Newbie написал(а):

Герда, тогда, боюсь, ajax - не наш вариант в конкретном моменте. У нас активно используются теги масок и минипрофили (скриптовые). Однажды, возможно, мы их, конечно, перепилим, но это, явно, не на "5 минут приключение"

хз, потести.
все эти скрипты также багуют и при использовании быстрого редактирования, т.к. они корректно работают при ЗАГРУЗКЕ страницы, а через быстрое редактирование перезагрузки не происходит.
поэтому я не очень понимаю привязанность ролок к этим устаревшим скриптам. если б все пересаживались на аджакс, глядишь, скриптоделы учитывали его в своих разработках, т.к. подвязаться к нему не слишком сложно.

0

1440

Newbie написал(а):

минипрофили

не уверена точно, но если речь про переключение вкладок в профиле, то есть версия с поддержкой аджакса: https://forumd.ru/viewtopic.php?id=6463

0


Вы здесь » Единый форум поддержки » Новые возможности форумов » Запросы по скриптам #11