The widget allows you to turn video or image sequences into stills, shown one by one when users scroll or hover over a widget. Bear in mind: it's not possible to upload a video and image sequence to Shots simultaneously.

You can customize the Playback settings and also apply the standard Animation, Rotation, Position, Arrange, and Lock settings to your widget.

If you want to use a different video, go to the Shot Settings icon and click ‘Replace Shots.’ 

Uploading a video

Click + (W) on the widget panel, select Shots, and upload your video or paste a direct link.  

Requirements:

• Video size is 30 Mb or less;
• It has one of the following formats: MP4, MOV, FLV, AVI, WebM, and MKV;
• It is public (if you enter a link when adding Shots).
  
  

Once the upload is complete, the first 600 frames of your video will transform into Shots. 

You can also use one of the readymade sequences provided by our partner Wannathis. To view them, click the icon in the Shots settings:

If you aren’t satisfied with the quality of Shots in the published version of your project, try compressing the initial video and then re-upload it to Readymag. If this doesn’t help, consider using an image sequence instead of a video—Shots created from images are typically higher quality. 

Uploading an image sequence

Click + (W) on the widget panel, select Shots, and upload image files. 

Requirements:

• Images have the PNG or JPEG format;
• The format is the same for all uploaded files (you cannot mix two different formats).
  
  

Images will be converted into stills, arranged in the same order they had in their source folder. There’s no limit on the number of files that can be uploaded, but their overall size should not exceed 30 Mb.

Please keep in mind that images uploaded to Shots won’t be compressed or transformed on our end: frames will look and weigh exactly the same as their originals. That is why we recommend compressing the images before uploading them, this will increase the loading speed of your project.

Playback settings

Select an event to activate your Shots sequence in the Playback settings. Events for Desktop and Mobile versions are set independently.

Mouse move / Touch move, Hover / Hold, and Click / Tap events are triggered by a widget or multiple widgets. By default, they are triggered by the Shots widget itself; another widget can be specified by clicking Add Trigger.

Mouse move (📱Touch move)

This event plays the sequence if the cursor (or finger) is moved over a widget, either horizontally or vertically. By default, it is triggered by the Shots widget itself; another widget can be specified by clicking Add Trigger.

Hover (📱Hold)

This event plays the sequence if the cursor (or finger) is held over a widget. By default, it is triggered by the Shots widget itself; another widget can be specified by clicking Add Trigger. You can also customize playback speed and looping.

Toggle ‘Always reset’ to restart the sequence each time playback is activated; otherwise, it will resume playing from whatever frame it was left on.

Click (📱Tap)

This event plays the sequence if a widget is clicked / tapped on. By default, it is triggered by the Shots widget itself; another widget can be specified by clicking Add Trigger. You can also customize playback speed and looping.

Toggle ‘Always reset’ to restart the sequence with each click / tap.

Scroll

This event plays the sequence when users scroll a page up or down. You can customize playback speed and Delay (the page height at which playback starts).