Простой 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
Интернет-магазин одеждыНужен разработчик для интернет-магазина одежды Ищу опытного разработчика для создания полноценного интернет-магазина одежды с дроп-моделью продаж. Что нужно сделать: 6 страниц: главная, товар, корзина, оформление, аккаунт, админ панель Вход через Google аккаунт Корзина и… HTML и CSS верстка, Javascript и Typescript ∙ 12 часов 51 минута назад ∙ 65 ставок |
Full-stack разработка — Amazon PPC Dashboard (Stage 1)Нужен full-stack разработчик с опытом работы с Amazon API для реализации Stage 1 внутреннего PPC-дашборда. Проект реальный, данные живые, всё готово к старту. Прототип фронтенда (5 страниц, React + TypeScript): ЧТО УЖЕ ГОТОВО — Фронтенд-прототип на React 18 + TypeScript + Vite… Javascript и Typescript, Веб-программирование ∙ 2 дня 23 часа назад ∙ 28 ставок |
Разработка сайта-конструктора фотокниг и фоторамокЦель проекта Необходимо разработать современный веб-сайт для заказа фотокниг, фоторамок и другой персонализированной фотопродукции. Главная задача проекта — предоставить клиенту возможность самостоятельно создать готовый макет изделия непосредственно на сайте без участия… Javascript и Typescript, Веб-программирование ∙ 4 дня 15 часов назад ∙ 96 ставок |
Команда для самописного маркетплейса ритуальных услуг.Ищем команду для запуска и развития самописного национального маркетплейса ритуальных услуг. Сразу: не ищем одиночек, джунов и “сборщиков сайтов”. Нужна сильная продуктовая команда уровня middle+/senior с реальными кейсами маркетплейсов/сложных SaaS. Просьба не откликаться,… Javascript и Typescript, Веб-программирование ∙ 5 дней 10 часов назад ∙ 27 ставок |
Доработка существующего Next.js/Supabase проекта: офферы, CRM, аналитика, AI-чатЕсть действующий проект WatchGenius — платформа аналитики люксовых часов с каталогом моделей, ценовой аналитикой, внешними офферами, формами заявок и AI-чатом. Проект уже разработан частично. Нужен не сайт с нуля, а опытный full-stack разработчик, который сможет разобраться в… Javascript и Typescript, Веб-программирование ∙ 7 дней 11 часов назад ∙ 55 ставок |