Создание кода для реализации флипбука на платформе Tilda

Задание закрыто
Стоимость:Договорная
Срок выполнения:1 день
Варианты оплаты:По договоренности
Дата публикации:2024-10-05 18:32
Был(а) на сайте:2024-11-21 16:43

Создание кода для реализации флипбука на платформе Tilda

 
Задача

Создание кода для сайта TildaИщем специалиста, который поможет написать код для создания флипбука на платформе Тильда. Традиционно для флипбука, необходимо подготовить код так, чтобы изображения отображались с эффектом перелистывания страниц с самостоятельным управлением пользователем (стрелки вперед / назад). Важно, чтобы флипбук корректно работал на всех устройствах и имел привлекательный внешний вид. Если у вас есть опыт работы с Тильдой и подобными проектами, будем рады сотрудничеству!

Оставлять заявки могут только авторизованные пользователи.
Виктор tt
Виктор tt ttteam
  • 6 000 руб1 день
С радостью приму участие в вашем проекте! Связаться со мной можно
через Telegram: https://t.me/vik1993lee или ВКонтакте: https://vk.com/leevik8
Станислав Гулевич
Станислав Гулевич stanislavricci
Специализация: Тексты
  • 5 500 руб1 день
<!-- Подключение библиотек и стилей -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/turn.js/4.1.0/turn.min.js"></script>
<style>
#flipbook {
width: 100%;
height: 500px;
margin: 0 auto;
}

#flipbook .page {
width: 100%;
height: 100%;
background-color: white;
background-size: cover;
background-position: center;
}

/* Адаптивность */
@media (max-width: 768px) {
#flipbook {
height: 300px;
}
}

/* Стили кнопок */
#prev, #next {
background-color: #3498db;
color: white;
border: none;
padding: 10px 20px;
margin: 0 10px;
cursor: pointer;
border-radius: 5px;
font-size: 16px;
}

#prev:hover, #next:hover {
background-color: #2980b9;
}
</style>

<!-- HTML-разметка флипбука -->
<div id="flipbook">
<div class="page" style="background-image: url('https://ваш-хостинг.com/image1.jpg');"></div>
<div class="page" style="background-image: url('https://ваш-хостинг.com/image2.jpg');"></div>
<div class="page" style="background-image: url('https://ваш-хостинг.com/image3.jpg');"></div
</div>

<!-- Кнопки управления -->
<div style="text-align: center; margin-top: 20px;">
<button id="prev">Назад</button>
<button id="next">Вперед</button>
</div>

<!-- Инициализация флипбука -->
<script>
$(document).ready(function() {
$("#flipbook").turn({
width: '100%',
height: 500,
autoCenter: true,
responsive: true
});

$("#next").click(function() {
$("#flipbook").turn("next");
});

$("#prev").click(function() {
$("#flipbook").turn("previous");
});

$(window).resize(function() {
var containerWidth = $("#flipbook").parent().width();
$("#flipbook").turn("size", containerWidth, containerWidth * 0.75); // Пример соотношения 4:3
}).trigger('resize');
});
</script>
Антон Бычков
Антон Бычков omigooooo

Landing Page под «ключ» на Тильде

Специализация: Веб-разработка
  • 111 руб1 день
Здравствуйте!
Меня зовут Антон

Готов попробовать сделать

Мои последние работы на ТИЛЬДЕ:
https://pohodu.business
https://edlerbart.pro
https://lkz.kyzler.ru
https://project801009.tilda.ws/page24369825.html
https://риелтор-мск.рф
https://project827944.tilda.ws/page41858147.html
https://trofimovart.com
https://katefisher.eu
https://mentorwb.ru
https://kazan.refgo.ru

Еще больше примеров работ тут —
http://лендомашина.рф

Готов приступить сейчас)

Дизайн первого экрана или макета сделаю без предоплаты!

Более 100 положительных отзывов на фрилансе – https://freelance.ru/omigooooo

Точную стоимость работ смогу сказать после обсуждения проекта

Примеры моих работ

Miro — организация детских праздников
  • omigooooo
  • Miro — организация детских праздников
Курс Креатив Digital
  • omigooooo
  • Курс Креатив Digital
ПРОИЗВОДСТВО И РАЗРАБОТКА РЕКЛАМНОГО ОБОРУДОВАНИЯ
  • omigooooo
  • ПРОИЗВОДСТВО И РАЗРАБОТКА РЕКЛАМНОГО ОБОРУДОВАНИЯ
Владимир Дауб
Владимир Дауб VladimirDaub
Специализация: Графический дизайн
  • 5 000 руб1 день
Здравствуйте!

Меня заинтересовал ваш проект по созданию флипбука на платформе Tilda. У меня есть опыт работы с Tilda и кастомными решениями для интерактивных элементов, таких как флипбук. Вот как можно реализовать ваше требование:

Как это будет реализовано:
HTML/CSS/JavaScript:

Будет создан кастомный код с использованием JavaScript для реализации эффекта перелистывания страниц.
Каждая страница будет отдельным изображением, которое можно будет перелистывать с помощью стрелок (вперед/назад).
Адаптация под все устройства (мобильные, планшеты, компьютеры) с сохранением визуальной привлекательности.
Интеграция в Tilda:

Код будет интегрирован через блок Zero Block в Tilda, чтобы обеспечить гибкость настройки и возможность редактирования контента.
Кроссбраузерная совместимость:

Убедимся, что флипбук корректно работает во всех современных браузерах и на всех устройствах.

Готов обсудить детали и приступить к работе! Буду рад сотрудничеству.
Дамир Абейдуллин
Дамир Абейдуллин damir04

Тексты/Программирование/Дизайн

Специализация: Программирование и IT
  • 50 руб1 день
Здравствуйте, готов обсудить детали проекта. Опыт есть!
Жду Вашего ответа!
Telegram - @ab_damirr
Viber, WhatsApp- +79172088852
Почта - freelancedamir@yandex.ru

Примеры моих работ

КОПИРАЙТИНГ/РЕРАЙТИНГ
  • damir04
  • КОПИРАЙТИНГ/РЕРАЙТИНГ
ПРОГРАММИРОВАНИЕ/СОЗДАНИЕ ТГ БОТОВ
  • damir04
  • ПРОГРАММИРОВАНИЕ/СОЗДАНИЕ ТГ БОТОВ
ГРАФИЧЕСКИЙ ДИЗАЙН
  • damir04
  • ГРАФИЧЕСКИЙ ДИЗАЙН
Юрий Лыткин
Юрий Лыткин zaza00001

Наше благополучие зависит от наших собственных решений

Специализация: Веб-разработка
  • 8 000 руб1 день
Здравствуйте!

Сделаю код для Тильда
Владею полным стеком frontend и backend разработчика (HTML, CSS, JS, PHP).
По этому с любой задачей в разработке справлюсь хорошо.
Очень интересно поработать над вашим проектом.
Пишите, буду рад взаимному сотрудничеству.


Обсудим сейчас детали в WhatsApp или в других мессенджерах?
WhatsApp: +79231954429 / Telegram: @URA_LI

______

Мои последние работы:
https://neolitapart.ru/
https://www.rudi.ru/
https://park.neolitapart.ru/

Ссылка на Портфолио:
https://disk.yandex.ru/d/n5e9yJJnwsloqw

Справлюсь максимально быстро, сейчас как раз
свободен готов заняться вашим проектом :)

P.S. Всегда на связи

Телефон: 8 923-195-44-29
WhatsApp: https://wa.me/79231954429
Telegram: https://t.me/URA_LI
E-mail: 3806335@mail.ru
Instagram: https://instagram.com/spark__man?r=nametag
VK: https://vk.com/id8759233

Примеры моих работ

Specialized
  • zaza00001
  • Specialized
Парк-Горького
  • zaza00001
  • Парк-Горького
Allure Sea
  • zaza00001
  • Allure Sea
Takeda Daicha
Takeda Daicha cockie35
Специализация: Программирование и IT
  • 10 руб1 день
Привет, имею большой опыт в разработке скриптов, сайтов, парсеров и просто програм на python, одним словом пишу всо, также пишу приложения на Андроид, с удовольствием возьмусь за работу, сделаю всо в лучшем виде и в кратчайшие сроки, также помогу запустить и разобраться.

Мое портфолио: https://ochistka35.wixsite.com/daichasportfolio
Мой телеграм: https://t.me/daichitakeda

Примеры моих работ

Сайт
  • cockie35
  • Сайт
Сайт на WordPress
  • cockie35
  • Сайт на WordPress
Бот
  • cockie35
  • Бот

Оставлять заявки могут только авторизованные пользователи.

Другие открытые задания:

Разослать 2000 сообщений через Ватсап Вручную2 000 р.

Бюджет: 2 000 р. Добрый день. У нас есть база номеров наших клиентов, которым нужно отправить информацию через ватсап. 2000 контактов. Оплата по 1 руб за номер . Дополнительно оплач…

отзывы на заказ500 р.

Бюджет: 500 р. Требуются люди для написания отзывов на картах, также есть вакансии на менеджера в группу по отзывам. Пишите в тг: DSTVER69 в сообщении укажите что вы с сайта фрила…

Разработать форму подбора товаров в корзину на платформе 1С.Элемент.1 000 р.

Бюджет: 1 000 р. Есть простенькое приложение на 1С.Элемент: справочник Номенклатура и регистр сведений Корзина. Нужно создать форму со списком всех товаров в виде таблицы значений, …

  • Поднято 21.11.24
  • Ответов: 4
  • Просмотров: 32
  • Безопасная Сделка

поиск заданий