I'm trying out this script. Following the tutorial, I got it setup, but the images show as black blocks. Anyone know what I missed? I can point at the images and get the path. So it looks to be setup right, just no images. Here is the code as I have it set.
<HTML>
<HEAD>
<SCRIPT TYPE="text/javascript">
<!--
<DP NAME="HEADER_VARS" Language="JavaScript" Comments="True" IncludeCast="False" IncludeCrew="False">
//-->
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
<HTML>
<HEAD>
<style type="text/css">
<!--
* { color: white; font-family: verdana; font-size: 10pt; }
html, body { margin: 0; padding: 0; background-color: rgb(0, 0, 83); }
body { background-repeat: repeat-x; background-image:url($DPIMAGES.bgimage.jpg); }
.title { font-size: 12pt; font-weight: bold; margin-top: 15pt; margin-bottom: 15pt; width: 100%; text-align: center; }
.images { padding: 5; }
span { margin: 5; background-color: black; border-width: 5px; border-style: double; }
span.off { border-color: gray; }
span.on { border-color: white; }
img { cursor: hand; }
-->
</style>
<script type="text/javascript">
<!--
<DP NAME="HEADER_VARS" Language="JavaScript" Comments="True" IncludeCast="False" IncludeCrew="False">
// "Monotype Corsiva"
/*
######## Gallery Viewer ########
@title - Gallery Viewer
@filename - GalleryViewer_1.3.html
@version - 1.3
@date - 2007-06-02
@author - xyrano
@dependencies - DVD Profiler v3+, IE.
@1.3 Update
- Added post-positioning of the img tag functionality
- Added Thumbnail borders and onMouse event listeners
- Added background image support in style sheet.
- Added clip options 1, 2 and 3 (min pos=true and cl1=true else nothing)
- Added split options: 5, 7 and 9 of the tnv value, default is 3
- Added option for '0' on image names 0/1-9
- Updated Tag support with clip and split options
- Cleaned the title
@1.2 Update
- Added option to choose first gallery image name (start from number)
- Added option to thumbnail width/height
- Added Tag support
@1.1 Update
- Configuration block added
- gsl (Gallery Storage Location) changed see loc.
- loc Locality option added.
@1.0 inital release
*/
// -------- Configuration block - Start --------
var gsl = "C:\\Gallery\\";
var loc = true; // 5050582449433? var loc = false;. 5050582449433.4? var loc = true;.
var ist = 1; // First gallery image name: 00.jpg? var ist = 0;. 01.jpg? var ist = 1;
var zro = true; // 00.jpg/01.jpg? var zro = true;. 0.jpg/1.jpg? var zro = false;.
var tnv = 128; // ThumbNail Value
var bw = true; // tnv by width? var bw = true;. tnv by height? var bw = false;.
// Position and Clipping
var pos = true;
var cl1 = true;
var cl2 = false;
var cl3 = false;
var sp5 = false;
var sp7 = false;
var sp9 = false;
// Visual
var ipa = 5; // Padding for images
var ima = 5; // Margin for thumbnails
var bor = 3; // Thumbnail border thickness. No borders? var bor = 0;.
// Tags
var useTags = true;
var tagHierarchy = "Gallery Viewer/"
var tagByHeight = tagHierarchy + "By height"; // Controlles bw from a tag
var tagPos = tagHierarchy + "Position image"; // Controlles pos from a tag
var tagCl1 = tagHierarchy + "Clip/1"; // Controlles cl1 from a tag
var tagCl2 = tagHierarchy + "Clip/2"; // Controlles cl2 from a tag
var tagCl3 = tagHierarchy + "Clip/3"; // Controlles cl3 from a tag
var tagSp5 = tagHierarchy + "Split tnv by/5"; // Controlles sp5 from a tag
var tagSp7 = tagHierarchy + "Split tnv by/7"; // Controlles sp7 from a tag
var tagSp9 = tagHierarchy + "Split tnv by/9"; // Controlles sp9 from a tag
// -------- Configuration block - The End --------
var int = DP_Notes.indexOf("<gallery=");
// 1.3 new
function visual() {
if (int != -1) {
var ele = document.getElementById('thumbnails');
ele.style.padding = ipa + 'px';
for (var i = 0; i < document.getElementsByTagName('span').length; i++) {
var ele = document.getElementsByTagName('span')[i];
ele.style.margin = ima + 'px';
ele.style.borderWidth = bor + 'px';
}
if (pos) positionImages();
}
}
// 1.3 new
function positionImages() {
if (cl1 || cl2 || cl3) for (var i = 0; i < document.getElementsByTagName('img').length; i++) {
var img = document.getElementsByTagName('img')[i];
var spa = document.getElementsByTagName('span')[i];
var sp = parseInt((!bw) ? spa.style.width: spa.style.height);
var st = sp - ((!bw) ? img.width: img.height);
img.style.position = 'absolute';
if (bw) img.style.top = (st / 2 - bor) + 'px';
if (!bw) img.style.left = (st / 2 - bor) + 'px';
}
}
// 1.3 moved
function newWindow(img) {
var imp = gsl + "\\" + img + ".jpg";
var doc = '<html><body style="margin:0;padding:0;background-color:black;"><img src="' + imp + '"></body></html>';
var win = window.open("", 'Gallery', 'scrollbars=no, resizable, dependent, status=no');
win.document.write(doc);
win.document.close();
var imw = win.document.images[0].width;
var imh = win.document.images[0].height;
win.resizeTo(imw + 12, imh + 38);
win.focus();
}
// 1.3 new
function flashIt(obj, bool) { obj.className = (bool) ? 'on': 'off'; }
//-->
</script>
</HEAD>
<BODY scroll="auto" onLoad="visual();">
<div class="title"><DP NAME="TITLE"></div>
<div id="thumbnails" class="images">
<script type="text/javascript">
<!--
if (int != -1) {
// Get image count.
// 1.2
var ims = DP_Notes.substring(int, DP_Notes.indexOf(">", int));
ims = ims.replace("<gallery=","");
ims = parseInt(ims);
// Clean UPC from Locality?
// 1.1
var upc = DP_UPC;
if (loc == false && upc.indexOf(".") != -1) upc = upc.substring(0, upc.lastIndexOf("."));
gsl += upc;
// Tags
// 1.3 updated
if (useTags == true) for (var i = 0; i < DP_Tags.length; i++) {
if (tagByHeight.length != 0 && DP_Tags[i].toLowerCase() == tagByHeight.toLowerCase()) bw = false;
if (tagPos.length != 0 && DP_Tags[i].toLowerCase() == tagPos.toLowerCase()) pos = true;
if (tagCl1.length != 0 && DP_Tags[i].toLowerCase() == tagCl1.toLowerCase()) cl1 = true;
if (tagCl2.length != 0 && DP_Tags[i].toLowerCase() == tagCl2.toLowerCase()) cl2 = true;
if (tagCl3.length != 0 && DP_Tags[i].toLowerCase() == tagCl3.toLowerCase()) cl3 = true;
if (tagSp5.length != 0 && DP_Tags[i].toLowerCase() == tagSp5.toLowerCase()) sp5 = true;
if (tagSp7.length != 0 && DP_Tags[i].toLowerCase() == tagSp7.toLowerCase()) sp7 = true;
if (tagSp9.length != 0 && DP_Tags[i].toLowerCase() == tagSp9.toLowerCase()) sp9 = true;
}
// Render images
// 1.3 updated
for (var i = ist; i < (ims + ist); i++) {
var img = (zro && i <= 9) ? '0' + i: i;
var imp = gsl + "\\" + img + ".jpg";
var span = '<span style="';
span += ((bw) ? ' width': 'height') +': ' + tnv + ';';
if (pos && (cl1 || cl2 || cl3)) {
span += ' ' + ((bw) ? 'height': ' width') + ': ';
var i1 = parseInt((sp9) ? 9: ((sp7) ? 7: ((sp5) ? 5: 3)));
var i2 = parseInt((cl3) ? i1 - 3: ((cl2) ? i1 - 2: i1 - 1));
span += parseInt((i2) ? (tnv / i1) * i2: (tnv / i1));
span += '; overflow: hidden;';
}
span += '"';
span += ' onMouseOver="flashIt(this, true); return false;"';
span += ' onMouseOut="flashIt(this, false); return false;"';
span += ' class="off">';
var hit = '<img src="' + imp + '"';
hit += (bw) ? ' width': 'height';
hit += '="' + tnv + '" title="' + imp + '" onClick="newWindow(\'' + img + '\'); return false;">';
document.write(span + hit + '</span>');
}
} else {
document.write("No Gallery Available!");
}
//-->
</script>
</div>
</BODY>
</HTML>