Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Новые возможности форумов » Запросы по скриптам #11
Предыдущая тема - Запросы по скриптам[9]
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Предыдущая часть темы: Запросы по скриптам[10]
ACT3255
Можно с помощью стиля:.post-body .postimg {
filter: blur(5px);
}Значение в 5px можно регулировать (чем больше, тем размытее, в принципе 3-5 вполне хватит)
Добавлено спустя 2 минуты 54 секунды:
Но данный стиль будет размывать абсолютно все прикрепленные картинки. Можно оборачивать превью с помощью таблиц, чтобы определить. Или, если превью имеют все одинаковый размер, то можно отталкиваться от него.
Да превью все одного размера 320х180
Reysler
Ну можно добавить что вместе со ссылкой:
a>img.postimg{
filter: blur(9px);
transition: .6s;
}
a>img.postimg:hover{
filter: none;
transition: .6s;
}
a>img.postimg{
filter: blur(9px);
transition: .6s;
}
a>img.postimg:hover{
filter: none;
transition: .6s;
}
наверно надо как то именно по размерам картинки делать.
наверно надо как то именно по размерам картинки делать.
Ccылку на пост с примерами что надо блюрить(видное гостю)
2-е Если по размерам, то будет с задержкой блюриться ибо для определения размеров нужно время от полусекунды, до секунды, особенно если картинок много на странице
Deff
https://act3255.mybb.ru/viewtopic.php?i … =555555079
Блюрим ток картинки превью видео, их размер 320х180
Если по размерам, то будет с задержкой блюриться ибо для определения размеров нужно время от полусекунды, до секунды, особенно если картинок много на странице
Это без разницы, картинок не много по 3 - 4 на пост.
Отредактировано ACT3255 (Вс, 10 Мар 2024 11:26:36)
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;
}
Из простого, можно к таким картинкам добавлять атрибут:
Эт мне опять все картинки перелопачивать? Не, не пойдет, фиг с ним тогда ))))
ACT3255
Если все такие картинки с превью с imageban, то вариант вместо [title=preview] прописать то же самое, но с [src*=".imageban.ru/thumbs"] - тогда не придётся перелопачивать )
ACT3255
Если все такие картинки с превью с imageban, то вариант вместо [title=preview] прописать то же самое, но с [src*=".imageban.ru/thumbs"] - тогда не придётся перелопачивать )
Так работает. Спасибо.
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>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)
Возможно, это очень старая тема (тогда ответ найдется быстро), прошу меня простить, если с чем-то повторяюсь: существует ли какая-то модификация скрипта формы быстрого редактирования от Alex_63, которая работает совместно с кастомными смайлами от Человек-Шаман?
В чем проблема совместимости: отрисовка формы окна редактирования (и кнопок над ним) происходит после того, как отрабатывают все скрипты страницы, включая те, что подвязаны на событие document.ready, из-за чего на кнопку не прописывается функция onClick.
Подскажите, пожалуйста, возможно, есть место, в котором можно дописать недостающий вызов.
Newbie
Во-первых, ввиду наличия сходного функционала от сервиса, Быстрое редактирование v.3 и прочие модификации поддерживать не вижу смысла.
Во-вторых, совместимость со всеми скриптами реализовать проблематично, поскольку кастомных скриптов много и под каждый скрипт событий на пост не навесишь (а попытка решить проблему путём повторного вызова всех пользовательских скриптов даёт результат далёкий от желаемого).
Я бы предложил в скриптах (в частности, в упоминаемом скрипте смайлов) использовать делегирование обработчика события, т.е. вместо (к примеру)
$('элемент').click(function() {...})
использовать
$(document).on('click', 'элемент', function() {...})
В таком случае событие привязано к document и обработчик будет срабатывать также и на новых элементах, которых ещё не существовало во время загрузки.
Alex_63, большое спасибо за ответ, попробуем переделать ))
Во-первых, ввиду наличия сходного функционала от сервиса
Newbie
кстати, да. почему бы просто не использовать Ajax?
администрирование - права
баги с отображением кастомных тегов и некоторых скриптов в обоих случаях одинаковые, только аджакс в разы быстрее работает.
Герда, странно, т.к. скрипты на ajax у нас точно есть (что-то от Alex_63 я точно видела).
Надо будет на тестовой версии включить, посмотреть. Спасибо за совет.
странно, т.к. скрипты на ajax у нас точно есть
просто при включенном аджаксе не работают некоторые кастомные теги, сделанные скриптами, или что-то накрученное в профиль, типа всплывающих окон.
такие штуки надо оптимизировать под аджакс-редактирование и постинг
ЗЫ. на этом форуме редактирование и постинг как раз таки через аджакс
Герда, тогда, боюсь, ajax - не наш вариант в конкретном моменте. У нас активно используются теги масок и минипрофили (скриптовые). Однажды, возможно, мы их, конечно, перепилим, но это, явно, не на "5 минут приключение"
Герда, тогда, боюсь, ajax - не наш вариант в конкретном моменте. У нас активно используются теги масок и минипрофили (скриптовые). Однажды, возможно, мы их, конечно, перепилим, но это, явно, не на "5 минут приключение"
хз, потести.
все эти скрипты также багуют и при использовании быстрого редактирования, т.к. они корректно работают при ЗАГРУЗКЕ страницы, а через быстрое редактирование перезагрузки не происходит.
поэтому я не очень понимаю привязанность ролок к этим устаревшим скриптам. если б все пересаживались на аджакс, глядишь, скриптоделы учитывали его в своих разработках, т.к. подвязаться к нему не слишком сложно.
минипрофили
не уверена точно, но если речь про переключение вкладок в профиле, то есть версия с поддержкой аджакса: https://forumd.ru/viewtopic.php?id=6463
Вы здесь » Единый форум поддержки » Новые возможности форумов » Запросы по скриптам #11