# Function: pushIn() (/jsdoc/pixi-vn/index/functions/pushIn)



\> **pushIn**(`alias`, `component?`, `props?`, `priority?`): `Promise`\<`string`\[] | `undefined`>

Defined in: [src/canvas/functions/canvas-transition.ts:786](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/functions/canvas-transition.ts#L786)

Show a image in the canvas with a push effect. The new image is pushed in from the inside of the canvas and the old image is pushed out to the outside of the canvas.
If there is a/more ticker(s) with the same alias, then the ticker(s) is/are paused.

Parameters [#parameters]

alias [#alias]

`string`

The unique alias of the image. You can use this alias to refer to this image

component? [#component]

`TComponent`

The imageUrl, array of imageUrl or the canvas component. If imageUrl is a video, then the [VideoSprite](/jsdoc/pixi-vn/index/classes/VideoSprite) is added to the canvas.
If imageUrl is an array, then the [ImageContainer](/jsdoc/pixi-vn/index/classes/ImageContainer) is added to the canvas.
If you don't provide the component, then the alias is used as the url.

props? [#props]

[`PushInOutProps`](/jsdoc/pixi-vn/index/interfaces/PushInOutProps) = `{}`

The properties of the effect

priority? [#priority]

`UPDATE_PRIORITY`

The priority of the effect

Returns [#returns]

`Promise`\<`string`\[] | `undefined`>

A promise that contains the ids of the tickers that are used in the effect. The promise is resolved when the image is loaded.