Простой ajax скрипт JS для WordPress для подгрузки html страницы
850 UAHСуть задачи.
Нужно на скролл страницы загружать html контент другой страницы.
Детали.
На странице есть баннер (слайдер) с кнопкой в каждом слайде.
Когда страница загрузилась мы видим лишь баннер но когда проскролить чуть ниже то загружается остальной контент через ajax (просто загрузить html другой страницы)
К каждому слайду нужно привязать контент который будет под сдайдером. Мы можем добавить ссылку на страницу для каждого слайда и использовать эту ссылку для загрузки контента.
То есть когда мы меняем слайды то нужно менять эту ссылку и это значит что мы будемо подгружать другой контент внизу.
Баннер сделан на WPBakery page builder
Я думаю это можно сделать только на js. Но если нет то мы можем взять их шорткод и перебить в дочерней теме (то есть поменять html шорткода)
Весь код добавить в дочерней теме.
Готов ответить на вопросы
Спасибо.
Додатки 1
-
1230 29 0 Добрый день
Имею опыт в создании сайтов.
В портфолио можете ознакомиться с моими работами.
Буду рад сотрудничать.
-
не понимаю зачем тут использовать ajax, чтобы подгружать статический html, можно же просто добавить анимацию на скролл, тот же aos.
-
Согласен с предыдущим оратором, на мой взгляд, ajax тут избыточен, не вижу смысла лишний раз нагружать сервер, если загружаться будут уже готовые html-странички\html-разметка. Вижу два самых простых варианта реализации. Набросал для примера:
1) Использование обычных скрытых блоков - https://testingserver123231.000webhostapp.com/slider/first.html
2) Если по каким-то причинам нужно запретить пользователю "ковыряться" и смотреть содержание загружаемых элементов до перехода на соответствующий слайд, можно использовать iframe. вот пример - https://testingserver123231.000webhostapp.com/slider/second.htmlВ обоих случаях управление происходит малюсиньким js-скриптиком из пары строчек.
Если нужна реализации, обращайтесь буду рад помочь)
Ну а если вы по какой-то причине все же хотите использовать ajax-запросы, расскажите чем конкретно это обусловлено, возможно я чего-то не вижу..) -
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Оновлення дизайну на сайтіПотрібно оновити дизайн існуючого сайту, використовуючи HTML, CSS, JS: освіжити зовнішній вигляд, зробити його сучасним і адаптивним під мобільні пристрої. Потрібно додати плавні анімації та інтерактивні елементи. HTML та CSS верстання, Javascript та Typescript ∙ 8 годин 13 хвилин тому ∙ 62 ставки |
Консультація та аудит поточного проєкту на Odoo 19 Community EditionШукаємо Odoo Developer — соло-розробника з досвідом розробки на Odoo 19 Community Edition, у тому числі за допомогою Claude Code. Нам потрібен спеціаліст, який має успішно реалізовані проєкти в Odoo та практичний досвід розробки з використанням Claude Code. Важливо: розглядаємо… C та C++, Javascript та Typescript ∙ 13 годин 52 хвилини тому ∙ 5 ставок |
Інтернет-магазину одягуПотрібен розробник для інтернет-магазину одягу Шукаю досвідченого розробника для створення повноцінного інтернет-магазину одягу з дроп-моделлю продажу. Що потрібно зробити: 6 сторінок: головна, товар, кошик, оформлення, акаунт, адмін панель Вхід через Google акаунт Кошик і… HTML та CSS верстання, Javascript та Typescript ∙ 2 дні 10 годин тому ∙ 98 ставок |
Розробка повного стеку — Панель управління Amazon PPC (Етап 1)Потрібен full-stack розробник з досвідом роботи з Amazon API для реалізації Stage 1 внутрішнього PPC-дашборда. Проект реальний, дані живі, все готово до старту. Прототип фронтенда (5 сторінок, React + TypeScript): ЩО ВЖЕ ГОТОВО — Фронтенд-прототип на React 18 + TypeScript +… Javascript та Typescript, Веб-програмування ∙ 4 дні 22 години тому ∙ 32 ставки |
Розробка сайту-конструктора фотокниг і фоторамокМета проекту Необхідно розробити сучасний веб-сайт для замовлення фотокниг, фоторамок та іншої персоналізованої фотопродукції. Головне завдання проекту — надати клієнту можливість самостійно створити готовий макет виробу без участі дизайнера безпосередньо на сайті.Основний… Javascript та Typescript, Веб-програмування ∙ 6 днів 14 годин тому ∙ 99 ставок |