Image Sequences

Image Sequences / Slide Presentations in Chalktalk

• Please note that this page is a work-in-progress, as is the slide presentation feature.

Preparing a Slide-presentation

• Place your desired image files in the /images directory.

• Copy blank_page.js and give the file a new name (e.g my_images.js)

  • You should see the following:

    "use strict";
    var imageSequence = [
    ];
    

• Specify the image files and their order by populating the imageSequence array with filename strings in the correct order: (e.g. if your files are named xy.png and brick.png, and the correct sequence is brick.png, xy.png:

   "use strict";
   var imageSequence = [
      "brick.png",
      "xy.png"
   ];
  

• Edit index.html to use your image sequence file by replacing "blank_page.js" with your new image sequence.

  <script src="content/blank_page.js"> -> <script src="content/my_images.js">

Viewing the Presentation

• Click center -> click top left (try help mode with space) to show the available images in the top-left corner. Select one with a click.
• Use the left and right arrow keys or (click center -> drag top left) to cycle through the images.
• You may draw in front of the images as usual; the image sequence is a back-drop.