Client-side Events List

Client-side events are the unsung heroes that bring web pages to life, reacting precisely to user input. They occur from a simple mouse click to a complex drag-and-drop operation.

The following SharinPix components can raise client-side events:

Each has its own set of events.

Album Component events

  • **image-new **– when an image is uploaded

  • **images-selected **– when an image check box is checked (or unchecked)

  • image-processed – After the completion of processing a large file.

  • image-deleted – when an image has been deleted

  • image-undeleted – when an image has been undeleted

  • image-rotated – when an image is rotated

  • image-cropped – when an image is cropped

  • image-annotated – when an image is annotated

  • tag-image-new – when a tag is added to an image

  • tag-image-deleted – when a tag is removed from an image

  • **viewer-image-viewed **– when an image is clicked to be viewed in the large view

  • **viewer-closed **– when the large view is closed

  • image-sort-completed – when custom sorting has been applied to images

  • **image-sync-completed **– when an image has been synchronized

  • restricted-file-error - when uploading a restricted file type using the upload_accept parameter.

Single Image Component events

  • **image-new **– when an image is uploaded

  • **images-selected **– when an image check box is checked (or unchecked)

  • image-processed – After the completion of processing a large file.

  • image-deleted – when an image has been deleted

  • image-undeleted – when an image has been undeleted

  • image-rotated – when an image is rotated

  • image-cropped – when an image is cropped

  • image-annotated – when an image is annotated

  • tag-image-new – when a tag is added to an image

  • tag-image-deleted – when a tag is removed from an image

Search Component events

  • **search-ready **– when the component is opening and fully loaded

  • **images-selected **– when an image check box is checked (or unchecked)

  • **viewer-image-viewed **– when an image is clicked to be viewed in the large view

  • **viewer-closed **– when the large view is closed

Last updated