You could, however, overlay an HTML link (which is essentially what the Back Button is) on top of the gallery and position it relative to the bottom of the web page using CSS.
For example, try adding the following code to the <body> section of your web page:
<div id="overlay" style="position: absolute; bottom: 10px; left: 10px; z-index: 999;">
<a href="http://www.example.com/" style="text-decoration: none; color: #ffffff; font-family: Verdana; font-size: 20px;">Link Text</a>
</div>
In order for this to work, you will need to make your gallery's background transparent:
simpleviewer.load('sv-container', '100%', '100%', 'transparent', true);
Now that your gallery's background is transparent, you can set the background color using CSS in the <head> section of your web page.
<style type="text/css">
body {
background-color: #000000;
}
</style>
The entire web page would then look something like this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>SimpleViewer-Pro Gallery</title>
<style type="text/css">
body {
background-color: #000000;
}
</style>
</head>
<body>
<div id="overlay" style="position: absolute; bottom: 10px; left: 10px; z-index: 999;">
<a href="http://www.example.com" style="text-decoration: none; color: #ffffff; font-family: Verdana; font-size: 20px;">Link Text</a>
</div>
<!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
simpleviewer.ready(function () {
simpleviewer.load('sv-container', '100%', '100%', 'transparent', true);
});
</script>
<div id="sv-container" style="position: relative;"></div>
<!-- END SIMPLEVIEWER EMBED -->
</body>
</html>
Steven Speirs
SimpleViewer Support Team