Spark Templates

Templates are meant as a starting point for creating certain interactives. These templates should be copied and saved in a different location before modifying.

To use:

Compare Images

• Copy the template that has most of the functionality you need to a different location.
• Modify the content in the data1 JSON object variable to contain the images, information, and content you need
• Modify the initial_image_index variable to indicate which image you wish to display first.
• Modify the credits JSON object variable to contain information regarding credits and copyrights

Feel free to adjust CSS and jQuery as needed, as well as add additional HTML elements. You can also delete elements if they will not be needed.

Available Compare Templates

• Single image compare, one control
• Single image compare, image floated right, one control
• Single image compare, image floated right, two controls
• Two image compare side-by-side, one control
• Two image compare side-by-side, two controls

Sort images

• Copy the template that has most of the functionality you need to a different location.
• Modify the content in the JSON object file to contain the images, information, and content you need
• Modify the credits JSON object variable to contain information regarding credits and copyrights

Feel free to adjust CSS and jQuery as needed, as well as add additional HTML elements. You can also delete elements if they will not be needed.

Available Sorting Templates

• Two sorting dropzones
• Three sorting dropzones

Memory Game

• Copy the template to a different location.
• Modify the content in the JSON object file to contain the images, information, and content you need
• Modify the credits JSON object variable to contain information regarding credits and copyrights

Feel free to adjust CSS and jQuery as needed, as well as add additional HTML elements. You can also delete elements if they will not be needed.

Available Memory Templates

• Default memory template