• Здравствуйте! Подскажите, пожалуйста, какой плагин используется на этом сайте для текста:

    The object of the ceremony was clear to me; in another moment Dejah Thoris would be joined
    forever to the Prince of Zodanga. It was an impressive and beautiful ceremony, I presume, but to
    me it seemed the most fiendish sight I had ever witnessed, and as the ornaments were adjusted
    upon her beautiful figure and her collar of gold swung open in the hands of Than Kosis I raised my
    long-sword above my head, and, with the heavy hilt, I shattered the glass of the great window and
    sprang into the midst of the astonished assemblage.

    Весь текст в HTML коде прописан в теге <p>, и он построчно появляется снизу вверх, такой эффект можно добиться с помощью animate.css, но тогда придётся каждую строку заворачивать в span или div, а хотелось бы как на этом сайте весь текст поместить в один тег, без разбиения на строки.

    Благодарю!

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 6 ответов — с 1 по 6 (всего 6)
  • Похоже на
    WPBakery Page Builder for WordPress (formerly Visual Composer)

    Автор vasilevant

    (@vasilevant)

    Благодарю, но не могу найти примеров с этим эффектом у этого плагина. А Вы не знаете название этого эффекта, это вроде не аккордеон?

    @vasilevant, См правила форума, п2: Не задавайте несколько вопросов в одной теме. Если вопросы разные — создайте, пожалуйста, несколько тем, даже если они связаны между собой.

    Плагин нашли? Вопрос решен? В правом сайбаре топика поменяйте его статус.

    Автор vasilevant

    (@vasilevant)

    @sevlad Хорошо! Плагин пока не нашёл.

    Весь текст в HTML коде прописан в теге <p>, и он построчно появляется снизу вверх, такой эффект можно добиться с помощью animate.css, но тогда придётся каждую строку заворачивать в span или div, а хотелось бы как на этом сайте весь текст поместить в один тег, без разбиения на строки.

    Магии не бывает. Вот каждая строка на этом сайте и обёрнута в див https://yadi.sk/i/EMPyCazG3XsbYX

    Это работа этого скрипта: mrf0q11hs9f5smjcwivxd3qm.wpengine.netdna-cdn.com/wp-content/themes/werkstatt/assets/js/vendor.min.js

    • Ответ изменён 6 лет назад пользователем Vova Druzhaev.
    Автор vasilevant

    (@vasilevant)

    @otshelnik-fm если посмотреть исходный код именно, а не через инспектор кода, то изначально текст находится в теге <p> без обёртки каждой строки, но позже JS разбивает текст на строки и делает обёртку в дивы.

    Я выдернул этот эффект, часть функций находится в файле http://cc51906.tmweb.ru/wp-content/themes/werkstatt/assets/js/vendor.min.js, я из него удалил всё не отвечающее за этот эффект, а запускается всё это дело из файла http://cc51906.tmweb.ru/wp-content/themes/werkstatt/assets/js/app.min.js?ver=2.3.9, я и этот файл очистил от не нужного кода, если можете подсказать, подскажите, пожалуйста, как теперь этот эффект подцепить к событию hover? Чтобы он запускался не при загрузке страницы, а лишь при наведении на пункты меню.
    Может и другим будет полезно использовать этот эффект в будущем.

    Всё лежит тут: http://cc51906.tmweb.ru

Просмотр 6 ответов — с 1 по 6 (всего 6)
  • Тема «Подскажите, пожалуйста, что за плагин на этом сайте» закрыта для новых ответов.