Alexey
Alexey
Мне клиент как то надолго задолжал ну там немного, тыщ 8
Alexey
Моему коллеге - 4 тр задолжал
Alexey
Коллега в итоге обиделся там, высказал ему
Alexey
Мне в итоге позвонил клиент через какое то время и отдал долг
Alexey
Сказал- если тот чувак позвонит, отдам ему долг. Но летне позвонил уже и не потребовал
Иван
Сколько там за звонок 8тр?)
Katerina
Всем привет, парни кто нибудь делал кнопку "читать далее" стандартными методами? может есть плагин какой встроенный для редактора какой?
mr.kvazars
Moretext jquery
Иван
?
Иван
Я не понял вопроса
mr.kvazars
Moretext ей нужен
iWatchYouFromAfar
Я не понял вопроса
я тоже не понял, читать далее стандартными методами)))
mr.kvazars
Разворачивание кажется ей надо для текста
iWatchYouFromAfar
что за стандартные методы?
mr.kvazars
Чтобы было на уровне стандартов w3c😂
iWatchYouFromAfar
Разворачивание кажется ей надо для текста
почему когда я так задаю вопросы, мне пишут нихера не понятно?(((
mr.kvazars
Она девушка, на секундочку
Sentinel
почему когда я так задаю вопросы, мне пишут нихера не понятно?(((
не хотят напрягаться глядя на твой барабан 😀
iWatchYouFromAfar
Katerina
ну да, чтоб по кнопке "читать далее" текст развернулся
Иван
как у отзыва стрелочка?
Иван
$('.review-item-view').click(function () { $(this).parent('.review-item').toggleClass('active') })
Katerina
что за стандартные методы?
Паш ну как в вордпрессе же, там такая в стоке
mr.kvazars
Вроде банят здесь за слово ворд*ресс
Иван
да типа такого
.review-item { padding: 25px 25px; margin-bottom: 60px; position: relative; &.active { .review-item-text { max-height: none; } &-text { color: $dark; font-size: 19px; font-weight: 400; font-size: 16px; line-height: initial; margin-bottom: 15px; overflow: hidden; max-height: 120px; width: 100%; } }
Katerina
ну я знаю что Паша раньше с ним работал )
${username}
там момент что если как у отзывы то мы ж не знаем какой там шрифт и межстрочный интервал, из-за этого текст в вашем примере обрезается
Иван
js + css
Katerina
я уговорила чтоб кинуть его и на модексе делать, теперь надо "как в вордпресс" кнопку )
Katerina
https://codepen.io/maxds/pen/jgeoA
Katerina
вот по нашла по moretext решение, буду пробовать
iWatchYouFromAfar
http://jsfiddle.net/rajaadil/j999y/3/
iWatchYouFromAfar
да таких вагон на jq
Katerina
я пыталась сама написать на JS но там у меня куча ошибок, кнопка раскрывается но не сворачивается, так себе я пока а JS
Katerina
спасибо ребята, буду пробовать )
Иван
https://codepen.io/maxds/pen/jgeoA
нахрена столько писанины. хватит просто присвоение класса при нажатии
Иван
у тебя щас сколько время?
Katerina
этот скрипт рабочий, уже стоит, только в нем нюанс, он отсчитывает определенное количество символов и делает разрыв сам.... надеюсь это прокатит.
Alexey
этот скрипт рабочий, уже стоит, только в нем нюанс, он отсчитывает определенное количество символов и делает разрыв сам.... надеюсь это прокатит.
Привет. Я привык разбивать текст на анонс и основной текст, анонс всегда показывается, и контент менеджер может его контролировать. а основной текст просто через слайд тоггл.
Katerina
слайд не прокатит, блочок мелкий
Katerina
он раскроется при появлении доп текста
Dmytro
ну так добавь в редакторе горизантольную линию, типа как разделитель
Dmytro
и по ней разбивай, а не по количеству символов
Dmytro
ну а в скрипте проверять, есть линия, бьем контент
${username}
Можно как написал Иван, с max-height. Так и анимацию легче накинуть, через js измерять высоту строки и записывать ее в max-height для родительского блока, а при клике на more добавлять родителю любой класс(open) например с высотой max-height auto
Roman 🚀
лайкзис
${username}
Ну да, с opacity поиграться
Roman 🚀
не, я градиент на after положил
${username}
Можно и такой выход)можно background-gradient ещё положить)
Katerina
ну вы тут крутые ))
Evgeniy
iWatchYouFromAfar
ребят
iWatchYouFromAfar
есть такой эффект, когда изображение еще не загрузилось, появляется паттерн, есть статья как это грамотно настроить?
Evgeniy
у webformyself было вроде готовое
iWatchYouFromAfar
Лези лоад, а в бекграунде паттерн
да чет пихал пихал и не запихал
${username}
типо Lazy Load?
Roman 🚀
да чет пихал пихал и не запихал
у меня слик с лейизлоадом, общему контейнеру слика задал анимашку в бекграунд
iWatchYouFromAfar
типо Lazy Load?
ну наверное, там так плавно и нежно подгружается паттерн и только потом основная картинка
iWatchYouFromAfar
ты не путаешь с прогрессивным джипегом?
я не знаю как это точно называется
Roman 🚀
я не знаю как это точно называется
гуглани прогрессивный джипег. Это формат картинок
iWatchYouFromAfar
значит лезилоад
Alexey
у тильды посмотрите, еще отдельно картинки сначала очень очень маленькие грузятся, а потом ленивая загрузка
iWatchYouFromAfar
https://webdesign-master.ru/blog/tools/2019-05-30-lazy-load.html
у него раньше по другому было сделано, примерно то что я и ищу