The gallery is http://www.akl.com.au/gallery.html
Pages 1
You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Ant
Pages 1
The gallery is http://www.akl.com.au/gallery.html
Thanks Steven. I've had two friends report back that the gallery is not showing, just the menus. I'll get more feedback soon from others. How does it look from your perspective? Thanks
Thanks Steven
I already had a /.htaccess file so I placed the code there, as below:
# -FrontPage-
IndexIgnore .htaccess */.??* *~ *# */HEADER* */README* */_vti*
<IfModule mod_headers.c>
Header set Cache-Control "no-transform"
</IfModule>
<Limit GET POST>
order deny,allow
deny from all
allow from all
</Limit>
<Limit PUT DELETE>
order deny,allow
deny from all
</Limit>
AuthName www.akl.com.au
AuthUserFile /home/aklcom/public_html/_vti_pvt/service.pwd
AuthGroupFile /home/aklcom/public_html/_vti_pvt/service.grp
Is this correct? Please excuse my ignorance. Thank you.
Steven
The gallery works fine on my computer. But friends say they can't see my gallery, only the menus, on their ipads and iphones. I've checked the mark up code http://validator.w3.org/ and the only error message I get is:
Line 43, Column 50: required attribute "type" not specified
<script src="northperthgarden/jbcore/juicebox.js"></script>
✉
The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.
Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.
The gallery is http://www.akl.com.au/gallery.html
Thanks Steven. I had an eureka moment myself about 10 minutes after seeing your first reply. Then dinner. I changed the folders to no spaces and it works. I'm certainly no expert at this- I bumble along. It would be nice if you were able to generate some galleries so that amateurs like myself could have a look and see, and then copy and modify. I'm sure the experts have no problems. Thanks again.
I don't understand. When I check my server there is a 196 kb file juicebox.js file in north perth garden.
Hi Steven
www.akl.com.au/juiceone.html Just the menus are appearing and no galleries. If you could have a look please it is most appreciated.
Many thanks
I've changed the name of the folders all to lower case. Resaved the galleries in Juice Box. No skill or luck. Loaded the galleries and juiceone.html (changed that to lowercase too). It's all uploaded to akl.com.au
Thanks
Thanks for your help- much appreciated.
I'm just getting a menu up in my html page and no galleries.
I've generated galleries in Juicebox called North Perth garden, Rossmoyne garden, North Fremantle garden, Wembley Downs courtyard, East Fremantle courtyard and Willeton garden and all are situated in my website folder together with my juiceONE.html file. The individual galleries are good in that I can view them when I select each individual folder's index.html. However they aren't appearing in the juiceONE.html
The code for juiceONE.html is below:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<style type="text/css">
html, body {
height: 100%;
overflow: hidden;
}
body {
margin: 0px;
background-color: #FFF;
}
#menu {
background-color: #FFF;
color: #C36;
font-family: "Century Gothic", Helvetica, Arial;
font-size:14px;
line-height:20px;
float: left;
text-align: left;
padding-left: 20px;
padding-top: 25px;
height: 100%;
width: 250px;
}
#menu a {
color: #666;
text-decoration: none;
}
#wrap {
float: right;
height: 100%;
}
body,td,th {
color: #666;
}
</style>
<script src="northperthgarden/jbcore/juicebox.js"></script>
<script type="text/javascript">
function doLayout() {
var windowHeight = window.innerHeight ? window.innerHeight : $(window).height();
var windowWidth = window.innerWidth ? window.innerWidth : $(window).width();
var menuWidth = $('#menu').outerWidth();
var galleryHeight = parseInt(windowHeight);
var galleryWidth = parseInt(windowWidth) - parseInt(menuWidth);
$('#wrap').height(galleryHeight);
$('#wrap').width(galleryWidth);
}
function loadGallery(base) {
new juicebox({
containerId: 'juicebox-container',
baseUrl: base
});
}
$(document).ready(function () {
doLayout();
$(window).on('resize', doLayout);
loadGallery('northperthgarden/');
});
</script>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<div id="menu">
<a href="#" onclick="javascript: loadGallery('northperthgarden/'); return false;">North Perth garden</a>
<br />
<a href="#" onclick="javascript: loadGallery('rossmoynegarden/'); return false;">Rossmoyne garden</a>
<br />
<a href="#" onclick="javascript: loadGallery('northfremantlegarden/'); return false;">North Fremantle garden</a>
<br />
<a href="#" onclick="javascript: loadGallery('wembleydownscourtyard/'); return false;">Wembley Downs courtyard</a>
<br />
<a href="#" onclick="javascript: loadGallery('eastfremantlecourtyard/'); return false;">East Fremantle courtyard</a>
<br />
<a href="#" onclick="javascript: loadGallery('willetongarden/'); return false;">Willeton garden</a
></div>
<div id="wrap">
<div id="juicebox-container"></div>
</div>
</body>
</html>
Many thanks
Hello
Following on from 2013-11-05 19:44:40 Multiple Galleries On One Page With Header (that's where the code comes from)
I'm trying to put together a resizable gallery such as in http://www.juicebox.net/demos/support/r … index.html
I can do this, but instead of Gallery 1, Gallery 2 etc. I'd like something like Sue's garden, Neil and Fiona's garden. Is this allowed to have different names for the galleries? Is the apostrophe a problem? I've spent some time (understatement) trying to do the things that are described and not having much skill.
In the code below I've put in capitals some questions
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<style type="text/css">
html, body {
height: 100%;
overflow: hidden;
}
body {
margin: 0px;
background-color: #222222;
}
#menu {
background-color: #222222;
color: #666666;
font-family: sans-serif;
font-size: 20px;
float: left;
text-align: center;
padding-left: 15px;
padding-top: 20px;
height: 100%;
width: 100px;
}
#menu a {
color #666666;
text-decoration: none;
}
#wrap {
float: right;
height: 100%;
}
</style>
<script src="gallery1/jbcore/juicebox.js"></script>
<script type="text/javascript">
function doLayout() {
var windowHeight = window.innerHeight ? window.innerHeight : $(window).height();
var windowWidth = window.innerWidth ? window.innerWidth : $(window).width();
var menuWidth = $('#menu').outerWidth();
var galleryHeight = parseInt(windowHeight);
var galleryWidth = parseInt(windowWidth) - parseInt(menuWidth);
$('#wrap').height(galleryHeight);
$('#wrap').width(galleryWidth); }
function loadGallery(base) {
new juicebox({
containerId: 'juicebox-container',
baseUrl: base
});
}
$(document).ready(function () {
doLayout();
$(window).on('resize', doLayout);
loadGallery('gallery1/'); REPLACE gallery1 with sue'sgarden (all lower case one word)
});
</script>
<title>Test</title>
</head>
<body>
<div id="menu">
<a href="#" onclick="javascript: loadGallery('gallery1/'); return false;">Gallery 1</a> REPLACE gallery1 with sue'sgarden (all lower case one word) and replace Gallery 1 with Sue's garden
<br />
<a href="#" onclick="javascript: loadGallery('gallery2/'); return false;">Gallery 2</a> REPLACE gallery1 with neilandfiona'sgarden (all lower case one word) and replace Gallery 1 with Neil and Fiona's garden
</div>
<div id="wrap">
<div id="juicebox-container"></div>
</div>
</body>
</html>
When I'm generating the galleries, I name a new folder Sue's garden which is in the same directory as the html page. I also do another folder Neil and Fiona's garden, again in the same directory. Is this correct please?
The html page is index by default. Do I change this to the HTML page where the gallery sits eg juiceboxprac.html or keep it at index.html?
Many thanks
Many thanks Steven
Thanks Steven for your speedy reply. I copied and pasted the side menu code over the top menu code to replace it. I still have gallery1 and gallery2 folders unaltered. But what I see in my browser (emptied cache and refreshed) is just the menu items and no images.
Also the menu is pushed hard up in the top left hand corner. How can it be nudged over a little from the left please eg 15 pixels. Also a bit of a gap from the top eg 20 pixels.
Many thanks
Ant
Great program! I've done the instructions above and so I've got a top menu.
What code do I need for a side menu please? And what do I delete in the example above and what do I put in please?
Many thanks
Pages 1
Juicebox Support Forum → Posts by Ant
Powered by PunBB, supported by Informer Technologies, Inc.