JSignage:MediaTutorial3

Description

Media with in and out effects

• Notice how the effect fit into the timeline of the media
• In effect starts with the media at t=2s and ends at t=3s
• Out effect starts at t=7s and ends with the media at t=8s
• The media still starts at t=2s and ends at t=8s

Source code

$.media({
  left: 160,
  top: 90,
  width: 960,
  height: 540,
  begin: 2,
  dur: 6,
  href: 'media/SpinetiX.jpg'
}).fadeIn().fadeOut().addTo( 'svg' );