# Pinegrow Interactions Add-on

**URL:** https://forum.pinegrow.com/c/pinegrow-interactions-add-on/35.md?page=2

[Latest](https://forum.pinegrow.com/latest.md) · [Categories](https://forum.pinegrow.com/categories.md) · [Tags](https://forum.pinegrow.com/tags.md)

**Page:** 3

---

## [Repeat -1 an object in scroll scene](https://forum.pinegrow.com/t/repeat-1-an-object-in-scroll-scene/6175)

<div class="topic-metadata">

**Author:** [@erik-k](https://forum.pinegrow.com/u/erik-k)\
**Replies:** 2\
**Last updated:** [January 22, 2022, 9:39pm UTC](https://forum.pinegrow.com/t/repeat-1-an-object-in-scroll-scene/6175 "2022-01-22T21:39:33Z")

</div>

Is it possible de loop forever (moving up and down for example) an object when the object appears in the trigger and stop it when it leaves. Thanks in advance

---

## [Pinegrow Greensock animation different behaviour on Windows Mac Android and IOS](https://forum.pinegrow.com/t/pinegrow-greensock-animation-different-behaviour-on-windows-mac-android-and-ios/6160)

<div class="topic-metadata">

**Author:** [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\
**Replies:** 15\
**Last updated:** [January 18, 2022, 6:56pm UTC](https://forum.pinegrow.com/t/pinegrow-greensock-animation-different-behaviour-on-windows-mac-android-and-ios/6160 "2022-01-18T18:56:15Z")

</div>

@RobM @abirana https://www.yourweblab.nl/sjef Hi Bob and Abi, Created a shop opening hour app with Interactions that slides out of the websites right side after clicking on the green clock icon in the top header of t…

---

## [Set trigger on element outside the animated element Interaction](https://forum.pinegrow.com/t/set-trigger-on-element-outside-the-animated-element-interaction/6153)

<div class="topic-metadata">

**Author:** [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\
**Replies:** 22\
**Last updated:** [January 14, 2022, 5:31pm UTC](https://forum.pinegrow.com/t/set-trigger-on-element-outside-the-animated-element-interaction/6153 "2022-01-14T17:31:53Z")

</div>

@RobM @abirana Example without Interactions that I Made you have to click the green clock icon in the header! testsite: https://www.yourweblab.nl/sjef/index.html Hi both, Try to animate a opening hours panel that h…

---

## [Cookie set problem and HTML validation errors in Interaction Animation](https://forum.pinegrow.com/t/cookie-set-problem-and-html-validation-errors-in-interaction-animation/6120)

<div class="topic-metadata">

**Author:** [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\
**Replies:** 10\
**Last updated:** [January 8, 2022, 5:33pm UTC](https://forum.pinegrow.com/t/cookie-set-problem-and-html-validation-errors-in-interaction-animation/6120 "2022-01-08T17:33:19Z")

</div>

@RobM Hi Bob, Created a pre-loader with Interactions, but get a lot of HTML validation errors in the code! This is how it came out of the app, did not change anything! Secondly I tried to add JS Cookie to the Interac…

---

## [Tutorial - Adding Interactions to WildMusic website](https://forum.pinegrow.com/t/tutorial-adding-interactions-to-wildmusic-website/4201)

<div class="topic-metadata">

**Author:** [@matjaz](https://forum.pinegrow.com/u/matjaz)\
**Replies:** 2\
**Last updated:** [December 28, 2021, 9:52am UTC](https://forum.pinegrow.com/t/tutorial-adding-interactions-to-wildmusic-website/4201 "2021-12-28T09:52:28Z")

</div>

A step-by-step tutorial about adding web interactions to the WildMusic landing page. What you’ll learn? By following this tutorial you will learn how to: Activate Pinegrow Interactions in your project Reveal title cut…

---

## [How to animate multiple shapes on one hover over](https://forum.pinegrow.com/t/how-to-animate-multiple-shapes-on-one-hover-over/5861)

<div class="topic-metadata">

**Author:** [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\
**Replies:** 8\
**Last updated:** [November 12, 2021, 8:14pm UTC](https://forum.pinegrow.com/t/how-to-animate-multiple-shapes-on-one-hover-over/5861 "2021-11-12T20:14:13Z")

</div>

Hi, Made a logo that has a lab bottle that is turning to the right and some stuff comes out of the bottle. All works OK, but I have the problem that all SVG shapes animate individually on hover. What I try to accomplish…

---

## [Greensock Interactions updates and add-ons](https://forum.pinegrow.com/t/greensock-interactions-updates-and-add-ons/5834)

<div class="topic-metadata">

**Author:** [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\
**Replies:** 3\
**Last updated:** [November 8, 2021, 10:37am UTC](https://forum.pinegrow.com/t/greensock-interactions-updates-and-add-ons/5834 "2021-11-08T10:37:58Z")

</div>

Hi @Emmanuel @abirana , Will the version number of the original JavaScript GSAP (2.8) be in sync with the GSAP version in Interactions and can we expect add-ons/ plugins in the future like the original GSAP has to offe…

---

## [Want to move a character out of sight in sight out sight Interactions](https://forum.pinegrow.com/t/want-to-move-a-character-out-of-sight-in-sight-out-sight-interactions/5805)

<div class="topic-metadata">

**Author:** [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\
**Replies:** 26\
**Last updated:** [October 29, 2021, 2:18pm UTC](https://forum.pinegrow.com/t/want-to-move-a-character-out-of-sight-in-sight-out-sight-interactions/5805 "2021-10-29T14:18:56Z")

</div>

Hi @Emmanuel , Try to animate a character flying diagonal in view and out view, but I cant get it working. Last time I got a reply about the slideOut animations that needed a update, because they did not work proper, is…

---

## [Its possible to create a dropdown on interaction 2.0?](https://forum.pinegrow.com/t/its-possible-to-create-a-dropdown-on-interaction-2-0/5414)

<div class="topic-metadata">

**Author:** [@lucaspchara](https://forum.pinegrow.com/u/lucaspchara)\
**Replies:** 5\
**Last updated:** [September 27, 2021, 9:12am UTC](https://forum.pinegrow.com/t/its-possible-to-create-a-dropdown-on-interaction-2-0/5414 "2021-09-27T09:12:27Z")

</div>

Hi, I would like to know if anyone knows if it is possible to create a dropdown directly in pinegrow. What I haven’t found is a way to click outsid to closes the dropdown… I.e: {“trg”:“click”} \> opens the dropdown {…

---

## [Sliding Entrances SlideInLeft scroll behaviour](https://forum.pinegrow.com/t/sliding-entrances-slideinleft-scroll-behaviour/5690)

<div class="topic-metadata">

**Author:** [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\
**Replies:** 18\
**Last updated:** [September 23, 2021, 7:07pm UTC](https://forum.pinegrow.com/t/sliding-entrances-slideinleft-scroll-behaviour/5690 "2021-09-23T19:07:35Z")

</div>

Hi, When trying to create the most simple animation SlideInLeft on scroll behaviour “Scrolling the Page” It seems that the scroll is synced with the movement of the div animation in a wrong way. How do I get a div slidi…

---

## [Data-pg-ia attribute](https://forum.pinegrow.com/t/data-pg-ia-attribute/5145)

<div class="topic-metadata">

**Author:** [@Jerome](https://forum.pinegrow.com/u/Jerome)\
**Replies:** 25\
**Last updated:** [July 7, 2021, 2:32pm UTC](https://forum.pinegrow.com/t/data-pg-ia-attribute/5145 "2021-07-07T14:32:31Z")

</div>

Hello Pinegrow Community. I’m new to Pinegrow Software, i’m trying to do some tests with the trial license (Thank Pinegrow Team to make a longer license, after asking). I have a question about the data-pg-ia attribute. …

---

## [Pagination DIV only showing 3 dots instead of 4](https://forum.pinegrow.com/t/pagination-div-only-showing-3-dots-instead-of-4/5381)

<div class="topic-metadata">

**Author:** [@aquorange](https://forum.pinegrow.com/u/aquorange)\
**Replies:** 3\
**Last updated:** [June 26, 2021, 9:42am UTC](https://forum.pinegrow.com/t/pagination-div-only-showing-3-dots-instead-of-4/5381 "2021-06-26T09:42:58Z")

</div>

I dragged the blueprint slider into my page and the pagination has only 3 dots instead of 4. When I duplicate one .pgia-slide, there are 4 instead of 5. Where is it defined? What is wrong? Update: The slider is in a 2 …

---

## [Interactions On Complete function call](https://forum.pinegrow.com/t/interactions-on-complete-function-call/5354)

<div class="topic-metadata">

**Author:** [@lhp](https://forum.pinegrow.com/u/lhp)\
**Replies:** 1\
**Last updated:** [June 18, 2021, 6:36pm UTC](https://forum.pinegrow.com/t/interactions-on-complete-function-call/5354 "2021-06-18T18:36:45Z")

</div>

Hi all, any tips on getting the On Complete callback to work? I have added it to the timeline with the function name in the textbox (as per myFunc example), but get the “Uncaught TypeError: t is not a function” error in …

---

## [Interactions Timeline editor: Changing the start time of a complex animation](https://forum.pinegrow.com/t/interactions-timeline-editor-changing-the-start-time-of-a-complex-animation/5314)

<div class="topic-metadata">

**Author:** [@Riccarcharias](https://forum.pinegrow.com/u/Riccarcharias)\
**Replies:** 3\
**Last updated:** [June 11, 2021, 9:41am UTC](https://forum.pinegrow.com/t/interactions-timeline-editor-changing-the-start-time-of-a-complex-animation/5314 "2021-06-11T09:41:11Z")

</div>

Hello, I have a complex animation with different objects with many transitions. I want to move the starting point of one object back (pull the transitions bubbles in the timeline editor back to right) but I can’t select…

---

## [Creating a dropdown menu with PG Interactions](https://forum.pinegrow.com/t/creating-a-dropdown-menu-with-pg-interactions/5252)

<div class="topic-metadata">

**Author:** [@Riccarcharias](https://forum.pinegrow.com/u/Riccarcharias)\
**Replies:** 10\
**Last updated:** [May 16, 2021, 9:19am UTC](https://forum.pinegrow.com/t/creating-a-dropdown-menu-with-pg-interactions/5252 "2021-05-16T09:19:43Z")

</div>

I created a dropdown menu with PG interactions. On desktop, everything works great. But the dropdown menu appears just one second when clicking on mobile or tablet. I used “Mouseenter / Touchstart” as trigger. I have t…

---

## [Interactions Script in Head Necessary?](https://forum.pinegrow.com/t/interactions-script-in-head-necessary/4996)

<div class="topic-metadata">

**Author:** [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\
**Replies:** 0\
**Last updated:** [February 22, 2021, 12:35pm UTC](https://forum.pinegrow.com/t/interactions-script-in-head-necessary/4996 "2021-02-22T12:35:22Z")

</div>

Hi, Created a scroll to top icon that slowly fades in when scrolling down the page and fades out when scroll to top with Pinegrow interactions. I get a block of JavaScript in my \<head\>. Is there a particular reason to …

---

## [How to set up a trigger in Bootstrap 4 carousel with Interactions](https://forum.pinegrow.com/t/how-to-set-up-a-trigger-in-bootstrap-4-carousel-with-interactions/4710)

<div class="topic-metadata">

**Author:** [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\
**Replies:** 12\
**Last updated:** [February 19, 2021, 12:06pm UTC](https://forum.pinegrow.com/t/how-to-set-up-a-trigger-in-bootstrap-4-carousel-with-interactions/4710 "2021-02-19T12:06:53Z")

</div>

Hi, How do I set up a trigger in Bootstrap 4 carousel to be able to animate image overlay text on slide? https://getbootstrap.com/docs/4.0/components/carousel/ Example: https://codepen.io/SitePoint/pen/MJXVMN Regard…

---

## [Scroll scene inside a \<div\> inside \<body\>](https://forum.pinegrow.com/t/scroll-scene-inside-a-div-inside-body/4953)

<div class="topic-metadata">

**Author:** [@Eisteed](https://forum.pinegrow.com/u/Eisteed)\
**Replies:** 9\
**Last updated:** [February 18, 2021, 6:05pm UTC](https://forum.pinegrow.com/t/scroll-scene-inside-a-div-inside-body/4953 "2021-02-18T18:05:41Z")

</div>

Hello everyone, just started to use the interactions / scroll scene and I have to say this is a very nice tool ! instant feedback, really fast to use and timeline is a gamechanger !, but when I’m using scroll snapping li…

---

## [Resizing blueprint slider](https://forum.pinegrow.com/t/resizing-blueprint-slider/4935)

<div class="topic-metadata">

**Author:** [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)\
**Replies:** 14\
**Last updated:** [February 9, 2021, 8:55pm UTC](https://forum.pinegrow.com/t/resizing-blueprint-slider/4935 "2021-02-09T20:55:02Z")

</div>

Hi, sorry for this question as it is more related to css than to interactions. Sometimes customizing someone else’s design gets “complex” easily. So I am trying to make the hight of the slider container “responsive”.I …

---

## [Interaction on hover over image](https://forum.pinegrow.com/t/interaction-on-hover-over-image/4897)

<div class="topic-metadata">

**Author:** [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)\
**Replies:** 2\
**Last updated:** [January 29, 2021, 11:33pm UTC](https://forum.pinegrow.com/t/interaction-on-hover-over-image/4897 "2021-01-29T23:33:32Z")

</div>

Good morning all, So I am working on a grid full of images. The moment I hover over one image all of the others get applied an opacity value, except for that image itself. A focusing effect. Now, I don’t wa…

---

## [Recreate this gsap animation with PG Interactions?](https://forum.pinegrow.com/t/recreate-this-gsap-animation-with-pg-interactions/4884)

<div class="topic-metadata">

**Author:** [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)\
**Replies:** 3\
**Last updated:** [January 25, 2021, 1:50pm UTC](https://forum.pinegrow.com/t/recreate-this-gsap-animation-with-pg-interactions/4884 "2021-01-25T13:50:34Z")

</div>

Could anyone give me a hint on how to do this? There is this animation made with Gsap that I am trying to recreate with PG interactions tools. No luck so far. Thanks!

---

## [Blueprint Presentations + counter - Blueprints](https://forum.pinegrow.com/t/blueprint-presentations-counter-blueprints/4837)

<div class="topic-metadata">

**Author:** [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)\
**Replies:** 0\
**Last updated:** [January 13, 2021, 8:57pm UTC](https://forum.pinegrow.com/t/blueprint-presentations-counter-blueprints/4837 "2021-01-13T20:57:37Z")

</div>

@matjaz Hello PG, hoping someone can give me a hint. I am trying to customize the PG Presentation blueprint. I must add a counter instead of the slides bullets. Trying to bring the logic behind the counter applied to…

---

## [Interactions plugin creates JavaScript link with HTML validation warning](https://forum.pinegrow.com/t/interactions-plugin-creates-javascript-link-with-html-validation-warning/4744)

<div class="topic-metadata">

**Author:** [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\
**Replies:** 1\
**Last updated:** [December 4, 2020, 7:32pm UTC](https://forum.pinegrow.com/t/interactions-plugin-creates-javascript-link-with-html-validation-warning/4744 "2020-12-04T19:32:05Z")

</div>

Hi, I know it’s not a big deal, but please remove script type=“text/javascript” from the link Interactions is creating, because it gives a warning in the HTML validator. Warning : The type attribute is unnecessary for …

---

## [Interactions 2.0 Fantastic work done!](https://forum.pinegrow.com/t/interactions-2-0-fantastic-work-done/4686)

<div class="topic-metadata">

**Author:** [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\
**Replies:** 4\
**Last updated:** [December 1, 2020, 3:07am UTC](https://forum.pinegrow.com/t/interactions-2-0-fantastic-work-done/4686 "2020-12-01T03:07:34Z")

</div>

Hi Pinegrow developers, Thank you very much!!! You have done a amazing job with the new version of interactions! I tried it this morning on iMac Big Sur without any problems and the slider functions are really nice! R…

---

## [Lottie animation interactions 2.0](https://forum.pinegrow.com/t/lottie-animation-interactions-2-0/4701)

<div class="topic-metadata">

**Author:** [@shutterlab](https://forum.pinegrow.com/u/shutterlab)\
**Replies:** 2\
**Last updated:** [November 20, 2020, 9:19am UTC](https://forum.pinegrow.com/t/lottie-animation-interactions-2-0/4701 "2020-11-20T09:19:28Z")

</div>

Hi all, Can someone quickly explain to me the procedure to follow to insert and control a lottie animation via Interactions 2.0? I tried via lottie player javascript library but the animation does not show in pinegrow,…

---

## [Is there a way to get rid of the scrollbars underneath the interactions 2.0 carousels?](https://forum.pinegrow.com/t/is-there-a-way-to-get-rid-of-the-scrollbars-underneath-the-interactions-2-0-carousels/4692)

<div class="topic-metadata">

**Author:** [@Roel](https://forum.pinegrow.com/u/Roel)\
**Replies:** 2\
**Last updated:** [November 18, 2020, 8:05pm UTC](https://forum.pinegrow.com/t/is-there-a-way-to-get-rid-of-the-scrollbars-underneath-the-interactions-2-0-carousels/4692 "2020-11-18T20:05:25Z")

</div>

First off, let me start with stating how an amazing improvement the interactions 2.0 plugin is. It once again justified what I’m paying for Pinegrow, as usual! That being said, I am wondering how I can get rid of the s…

---

## [Give me a hint, please](https://forum.pinegrow.com/t/give-me-a-hint-please/4691)

<div class="topic-metadata">

**Author:** [@Igor](https://forum.pinegrow.com/u/Igor)\
**Replies:** 0\
**Last updated:** [November 18, 2020, 3:13pm UTC](https://forum.pinegrow.com/t/give-me-a-hint-please/4691 "2020-11-18T15:13:57Z")

</div>

How to make this effect? I did not find anything on the site.

---

## [Responsive images in Presentation Slider](https://forum.pinegrow.com/t/responsive-images-in-presentation-slider/4687)

<div class="topic-metadata">

**Author:** [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\
**Replies:** 0\
**Last updated:** [November 18, 2020, 11:16am UTC](https://forum.pinegrow.com/t/responsive-images-in-presentation-slider/4687 "2020-11-18T11:16:16Z")

</div>

Hi, Have been trying Interactions 2 out and all looks very nice. I noticed that when a Presentation Slider is created you use links from Unsplash and object-fit: cover; I’m trying to implement Farkas Lazy Sizes in the s…

---

## [PG Interaction: click trigger question](https://forum.pinegrow.com/t/pg-interaction-click-trigger-question/4570)

<div class="topic-metadata">

**Author:** [@horman](https://forum.pinegrow.com/u/horman)\
**Replies:** 1\
**Last updated:** [October 1, 2020, 4:00pm UTC](https://forum.pinegrow.com/t/pg-interaction-click-trigger-question/4570 "2020-10-01T16:00:35Z")

</div>

Is it possible to start an animation by clicking a menuelink and then go to the destination address.

---

## [GSAP 3 & ScrollTrigger - update for Pinegrow Interactions Plugin](https://forum.pinegrow.com/t/gsap-3-scrolltrigger-update-for-pinegrow-interactions-plugin/4375)

<div class="topic-metadata">

**Author:** [@Pinegrow\_User](https://forum.pinegrow.com/u/Pinegrow_User)\
**Replies:** 6\
**Last updated:** [August 26, 2020, 3:28am UTC](https://forum.pinegrow.com/t/gsap-3-scrolltrigger-update-for-pinegrow-interactions-plugin/4375 "2020-08-26T03:28:36Z")

</div>

Hi @matjaz roughly 5 months have passed since that comment of moving to GSAP 3 soon. How is the progress going regarding updating to GSAP 3 and thus presumedly ScrollTrigger for the PGIA “Pinegrow Interactions” plugin?…

[Previous page](https://forum.pinegrow.com/c/pinegrow-interactions-add-on/35.md?page=1)

[Next page](https://forum.pinegrow.com/c/pinegrow-interactions-add-on/35.md?page=3)