Nano Hash - криптовалюты, майнинг, программирование

Масштаб TweenMax bgImage

Я пытаюсь увеличить фоновое изображение вверх, а затем снова уменьшить, но не могу заставить его работать, есть идеи? Он отлично масштабирует фон, но он никогда не вызывает «обратную» функцию?

TweenMax.to(bg, 1, {
                css: {
                    scaleX: 1.5,
                    scaleY: 1.5,
                    transformOrigin: "center center",
                    onComplete: reverse,
                    onCompleteParams: [bg]
                },
                delay: 0.2,
                ease: Power3.easeInOut
            });

            function reverse(el) {
                TweenMaxto(el, 0.6, {
                    css: {
                        scaleX: 1.0,
                        scaleY: 1.0,
                        transformOrigin: "center center",
                        autoAlpha: 1,
                    },
                    ease: Power2.easeOut
                });
            }
javascript jquery gsap
22.11.2013

  • вам нужно удалить ваши onComplete и onCompleteParams за пределами вашего объекта CSS.. и есть опечатка в вашей обратной функции.. измените TweenMaxto на TweenMax.to(.. вам не хватало периода . между TweenMax и to().. также вы можете просто использовать scale вместо scaleX и scaleY, так как оба имеют одинаковые значения... и вам не нужно включать transformOrigin, так как по умолчанию используется 50% %50, что совпадает с center center 23.09.2014

Ответы:


1

Вам нужно переместить onComplete, onCompleteParams за пределы объекта css:{}, как показано ниже,

 TweenMax.to(bg, 1, {
                css: {
                    scaleX: 1.5,
                    scaleY: 1.5,
                    transformOrigin: "center center"
                },
                onComplete: reverse,
                onCompleteParams: [bg],
                delay: 0.2,
                ease: Power3.easeInOut
            });

            function reverse(el) {
                alert("Sdasd");
                TweenMaxto(el, 0.6, {
                    css: {
                        scaleX: 1.0,
                        scaleY: 1.0,
                        transformOrigin: "center center",
                        autoAlpha: 1,
                    },
                    ease: Power2.easeOut
                });
            }

Проверьте скрипту.

Надеюсь, поможет.

02.12.2013
Новые материалы
Кластеризация: более глубокий взгляд
Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
Как написать эффективное резюме
Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
Частный метод Python: улучшение инкапсуляции и безопасности
Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
Как я автоматизирую тестирование с помощью Jest
Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..