jimschubert/README.md

## README.md

      
    Raw
  

              README.md
            
          
    Place this file in the same directory as your image.
Place the name of your file within the quotes of the image HTML tag. For example, if your image is cats.jpg, your file would look like:
<html>
<style>
img { max-width:100%; max-height:100%; margin-left:auto; margin-right:auto; display:block;}
</style>
<body>
  <img src="cats.jpg"/>
</body>
</html>

This auto-fits the height of the image. Because browser don't remain the same dimensions ratio (e.g. 3:4), there's no reliable way to resize the image to the size of the browser (it would appear 'stretched').
Then, point your redirect URL to load.html instead of your image name. You should be all set!

  
## load.html
<html>
<style>
img { max-width:100%; max-height:100%; margin-left:auto; margin-right:auto; display:block;}
</style>
<body>
  <img src=""/>
</body>
</html>
	<html>
	<style>
	img { max-width:100%; max-height:100%; margin-left:auto; margin-right:auto; display:block;}
	</style>
	<body>
	<img src=""/>
	</body>
	</html>