How to add a tiff file to an openlayers map without using geoserver

[sav...@gmail.com]

I have a folder of tiff files saved in a folder on my local host. How can I add those as a map layer if I am using an open layers map. I don't want to upload my files to the geoserver website, I want to pull them from my local folder and display them. Here is a screenshot of where I am saving the tif files. 

[swainn]

Here is a link to an example of how to load a static image into OpenLayers:

http://openlayers.org/en/v3.10.0/examples/static-image.html

The trick will be to set the extent for each image so that it shows up in the correct location. I don't love this example because it doesn't really show how to do that, but the principles are the same. Use the Image layer and ImageStatic source. The extent is just a JavaScript array of four numbers (e.g.):

[minX, minY, maxX, maxY]