You are not logged in. Please login or register.
Juicebox Support Forum → Posts by rabid
Pages 1
Ok, in case anyone is looking at this thread for similar challenges....
add this to the end of your index.html page and it will just autoplay your chosen track, and keep playing with each gallery change...
<audio>
<audio controls autoplay>
<source src='Audio-file.mp3' type='audio/mp3'>
Your browser does not support the audio tag.
</audio>
Oh ok, I get you. I misunderstood. So this means the track will restart each time the gallery is changed.
Ok, so you think there might be a way of adding a third party audio player into the index.html file in order to achieve what I am after? I'll research that. Thanks again
Thanks Steven
I have added the code as you suggest but the problem persists. Can you check my code here and tell me if it looks right?
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);....................................
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>................
Thanks.
That's a bummer as my site really is a music site.
I'll try the work around you have suggested. Failing that I'll have to try another skin I guess.
When I open my gallery structure I notice that there is index.html...index2.html up to index6.html. Is it just the index.html that I need to change?
Thanks again.
Hi,
I have a multiple folder gallery using JAlbum.
I have chosen an audio file to play and wish this to also start on loading the gallery.
The problem is that when I click on different folders in the tree it is apparent that another instance of the MP3 is loaded and with time you can hear several MP3s playing simultaneously but a tiny bit out of sync.
Due to the quiet nature of the start of the MP3 this doesn't really become apparent until a few minutes when the beat finally kicks in. It can also be confirmed by the fact that when you click the audo off floating button the music still plays because it is only shutting down one copy of the MP3.
On the old simpleviewer gallery this didn't happen.
Many thanks
A
Thanks Steven,
I have a few other little problems I'll ask about tomorrow but thanks again, you offer excelletn support for your product.
Thank you
That is super super weird. I checked now and it seemed fine.
It certainly wasnt a client browser caching as i checked on a device that hadnt been used before to go to this address. So it must be the server caching (even though I dont really know what that means).
Thanks for the tip on the mp3 as well.
Al
Hi Stephen,
I have taken a look, and they certainly appear to be the pro sbcore files online.
I have also tried loading the gallery on another computer/network, and it is stuck in the Lite version.
I'm pretty embarrassed to give you my gallery link as I'll know you will think 'Oh no, not him again' haha. Sorry!
Hi
Cant seem to find the answer here.
I have upgraded to the pro version and have copied the sbcore folder over to the skin folder in Jalbum.
When I build the gallery in JAlbum it works great in the preview but when I upload it the resulting online album seems to be non pro, as in the image limit of 50 is active and the pro settings I made do not appear.
Anyone able to help?
Many thanks
Pages 1
Juicebox Support Forum → Posts by rabid
Powered by PunBB, supported by Informer Technologies, Inc.