JSignage:AnimateZoom

This page is related to jSignage animation events.

.animateZoom()

.animateZoom( attributesObject );

Returns: jSignage Object

Description

Creates a zoom animation for a jSignage layer. This function was added in 3.1.0 release, for older versions, the zoom effects can be used instead.

Parameters

• attributesObject

  Type: Plain Object.

  An object containing any of the following attributes:

  • begin, dur, fill, repeatCount, repeatDur

    Attributes to control the timing of the animation.

  • from, to, values

    Attributes to define animation values over time, which correspond to zoom factors.

Example

$(function () {    
    $.media( { href: 'media/logo.png' } )    
     .animateZoom( { from: 0.5, to: 1, dur: 10 } )    // animate the image zoom effect from 50% to full image in 10 seconds
     .addTo('svg');    
});