Thanks
I finally got around to looking at this again.
The html files appear quite different. Perhaps this is a new thing in the latest JAlbum?
you can see below the start of the first couple of index files (1-3, there are 6 in total). quite different.
in the main index.html you can see that I have added the code you suggested above, yet it doesnt seem to have worked. Have i entered it correctly?
Thanks
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="description" content="" />
<meta property="og:description" content="" />
<meta property="og:image" content="" />
<meta property="og:title" content="Kinza Gallery" />
<meta property="og:type" content="website" />
<meta property="og:url" content="" />
<script src="res/juicebox/jbcore/juicebox.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="res/jstree/dist/themes/default/style.min.css" />
<script src="res/jquery/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="res/jstree/dist/jstree.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript"><!--//--><![CDATA[//><!--
var jb;
function doLayout() {
var windowHeight = parseInt(window.innerHeight ? window.innerHeight : $(window).height(), 10);
var windowWidth = parseInt(window.innerWidth ? window.innerWidth : $(window).width(), 10);
var menuWidth = parseInt($('#menu').outerWidth(true), 10);
var galleryWidth = windowWidth - menuWidth;
$('#gallery').height(windowHeight);
$('#gallery').width(galleryWidth);
$('#menu').height(windowHeight);
}
function loadContent(galleryPath, galleryCount) {
if (jb) {
$('.jb-bb-btn-audio').each(function() {
if ($(this).hasClass('jb-status-playing')) {
jb.toggleAudio();
}
});
}
if (parseInt(galleryCount, 10) > 0) {
jb = new juicebox({
backgroundColor: "rgba(34,34,34,1.0)",
baseUrl: galleryPath,
configUrl: "config.xml",
containerId: "juicebox-container",
debugMode: "false",
galleryHeight: "100%",
galleryWidth: "100%",
themeUrl: "res/juicebox/jbcore/classic/theme.css"
});
} else {
$('#juicebox-container').html('<div id="text"><h1>Kinza Gallery</h1><br /><h2></h2><br /><h3>(This folder contains no images.)</h3></div>');
}
}
function openAll() {
$('#tree').jstree(true).open_all(null, 200);
}
function closeAll() {
$('#tree').jstree(true).close_all(null, 200);....................................
index2.html
<!doctype html>
<!--[if lt IE 8]><html lang="en" class="no-js ie7 oldie"><![endif]-->
<!--[if IE 8]><html lang="en" class="no-js ie8 oldie"><![endif]-->
<!--[if gt IE 8]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>
<meta charset="UTF-8">
<!--[if lt IE 11]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
<title>Kinza Gallery</title>
<meta name="keywords" content="">
<link rel="stylesheet" href="res/common.css?v=3.3">
<link rel="shortcut icon" href="res/favicon.ico">
<link rel="icon" href="res/favicon-32x32.png">
<!--[if IE]><link rel="shortcut icon" href="res/favicon.ico"><![endif]-->
<meta name="msapplication-TileImage" content="res/favicon-32x32.png">
<meta name="robots" content="index,follow">
<script src="res/modernizr-2.6.2.min.js"></script>
<meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=yes">
<link rel="alternate" href="album.rss" type="application/rss+xml"/>
</head>
<body id="index">
<!--[if lt IE 8]><p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> to better experience this site.</p><![endif]-->
<div id="main">
<div id="navigation">
<div class="top-nav">
<ul><li><a href="Childrens Ward On The Asylum/index.html">Childrens Ward On The Asylum</a></li><li><a href="Battersea Power Station/index.html">Battersea Power Station</a></li><li><a href="Defunct MOD Jet Engine Research Facility/index.html">Defunct MOD Jet Engine Research Facility</a></li><li><a href="Animal Research Facility/index.html">Animal Research Facility</a></li><li><a href="Blue Orbs/index.html">Blue Orbs</a></li><li><a href="WP Mental Hospital/..........................
index3.html
<!doctype html>
<!--[if lt IE 8]><html lang="en" class="no-js ie7 oldie"><![endif]-->
<!--[if IE 8]><html lang="en" class="no-js ie8 oldie"><![endif]-->
<!--[if gt IE 8]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>
<meta charset="UTF-8">
<!--[if lt IE 11]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
<title>Kinza Gallery</title>
<meta name="keywords" content="">
<link rel="stylesheet" href="res/common.css?v=3.3">
<link rel="shortcut icon" href="res/favicon.ico">
<link rel="icon" href="res/favicon-32x32.png">
<!--[if IE]><link rel="shortcut icon" href="res/favicon.ico"><![endif]-->
<meta name="msapplication-TileImage" content="res/favicon-32x32.png">
<meta name="robots" content="index,follow">
<script src="res/modernizr-2.6.2.min.js"></script>
<meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=yes">
<link rel="alternate" href="album.rss" type="application/rss+xml"/>
</head>
<body id="index">
<!--[if lt IE 8]><p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> to better experience this site.</p><![endif]-->
<div id="main">
<div id="navigation">
<div class="top-nav">
<ul><li><a href="Childrens Ward On The Asylum/index.html">Childrens Ward On The Asylum</a></li><li><a href="Battersea Power Station/index.html">Battersea Power Station</a></li><li><a href="Defunct MOD Jet Engine Research Facility/index.html">Defunct MOD Jet Engine Research Facility</a></li><li><a href="Animal Research Facility/index.html">Animal Research Facility</a></li><li><a href="Blue Orbs/index.html">Blue Orbs</a>................