You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
Just try opening Adobe Extension Manager first and then go to 'File -> Install Extension' from the drop-down menu at the top (and navigate towards the .mxp file).
I have fixed the link in my previous post. (The instructions for installing the CS2/CS3 version are on the Photoshop Template page.)
Will Showkase provide for this?
Not at the moment. The titles and captions in a Juicebox gallery (whether Lite or Pro) are not indexed by Google but we are currently investigating SEO and Juicebox.
In the meantime, please take a look at this forum post for a possible workaround.
Rather than double-clicking the .mxp file, try right-clicking the shortcut for Adobe Extension Manager, selecting 'Run as administrator...' and then go to 'File -> Install Extension' from the drop-down menu at the top (and navigate towards the .mxp file).
Otherwise, download the Photoshop Template for CS2 or CS3 and following the installation instructions here.
Once installed, the plugin files for CS2/CS3 are identical to those for CS4 or higher, only the method of packing the files (.zip vs .mxp) differs.
Is there another public file hosting service I could try?
There are many public file hosting services available but I do not know of any others which are suitable as a host for Juicebox galleries. Dropbox should work fine. However, if your Dropbox account was created after 4 October 2012, you will need to manually create a 'Public' folder on your account by following the 'Creating a Public folder' instructions on this web page.
As an alternative, you could sign up for a hosting account with a regular web host and upload your gallery folder to your web space there using a traditional FTP program such as Filezilla. There are many web hosts which offer free web space which would be suitable. Try a web search with terms such as 'free web hosting'. Please be aware that often, you get what you pay for with free web hosting and if you pay for an upgraded web hosting package, you will likely receive better support and the web server will likely have less down-time.
Instructions for 'Embedding in a Web Template Site' (which should work for your scenario) can be found here.
It sounds like you may have been following these instructions but it is difficult to know exactly what is wrong without seeing your web page.
I uploaded the JB gallery files to DropBox, get the shared link for the index.html file and post it into the iframe code provided by Juicebox.
You should be able to see your gallery by opening the public link to the gallery's 'index.html' file directly in a browser.
If you do not see your gallery, then the link may not be a public link or all your gallery files may not be uploaded to your Dropbox account.
If you can see your gallery, then there may be a problem with the iframe code on your embedding web page.
If you continue to experience difficulties, please post the URL to your gallery so that I can take a look and help further.
I've seen the info about setting thumbwidth and thumb height, but it appears this is global setting.
That is correct. All thumbnails in a Juicebox gallery are the same size.
Or, alternatively, can I create and use custom thumbs with certain images when needed?
You can swap thumbnails in a gallery's 'thumbs' folder with your own thumbnails (cropped as you wish in an image manipulation program such as Adobe Photoshop) as long as they have the same filenames, otherwise you will need to change the thumbURL references to them within the gallery's XML file. Please note, however, that no matter what the dimensions of your custom thumbnails are, they will be displayed in the gallery at the designated thumbWidth and thumbHeight size.
Yes. Set changeImageOnHover="TRUE" in your gallery's XML file.
If using JuiceboxBuilder to create or edit your gallery, this configuration option can be found in the 'Customize -> Main Image' section.
For reference, a complete list of all configuration options can be found here.
After creating your web site with Muse, you could open the http://meowcreative.businesscatalyst.co … index.html web page in a plain text editor and remove the <link> code line manually before re-saving the file.
The main problem is that the first picture is not loading. The image only appears after clicking on the page.
Increase the imageTransitionTime from 0 to something like 0.1 and your first image should initially be visible.
I cannot reposition the image on the page.
The next version of Juicebox-Pro should hopefully introduce the ability to vertically and horizontally align the main images and thumbnails (although I do not know when this will be released).
Page padding and image padding do not work.
stagePadding and imagePadding configuration options should work fine.
If you have a gallery in which the stagePadding or imagePadding does not work as expected, please post the URL so that I can investigate further.
Previews do not work even within the builder.
e.g. I try to change the main picture shadow and no change appears in the display; the result in the browser is different again from what appears on the builder even after resetting the cache etc.
Please see the Known Issues section of the JuiceboxBuilder User Guide. (This is due to limitations within the Adobe AIR web browser.)
The Hong Kong demo gallery uses only configuration options rather than a unique theme.
You can view the configuration options used in the gallery by opening the gallery's XML file directly in a browser: http://www.juicebox.net/demos/pro/hongkong/config.xml
You can then copy and paste them into your own gallery's 'config.xml' file.
The ability to cross-fade between images should hopefully be introduced in the next version of Juicebox-Pro (though it will be a global configuration option and will apply to all images in a gallery).
If juicebox as a company were to disappear, would the product I buy still work?
Yes.
Does the code on my web server that is created with Juicebox Pro interact with any of your servers?
No.
The only active link between any Juicebox galleries and our servers is the Juicebox badge in the bottom right corner of Juicebox-Lite (the free version) galleries which provides a simple hyperlink to our website. However, this link is not present at all in any Juicebox-Pro galleries.
Try removing the line:
<link href="/StyleSheets/ModuleStyleSheets.css" type="text/css" rel="StyleSheet" />... from your http://meowcreative.businesscatalyst.co … index.html page.
It looks like the CSS is not required (as the page contains only the gallery and no other content) and removing the CSS will speed up the loading of the page and ensure that there are no CSS conflicts between the 'ModuleStyleSheets.css' file and the gallery itself.
Unfortunately, the Thumb Paging Text is hardcoded within the 'juicebox.js' JavaScript file which is obfuscated and cannot be modified.
The top of the gallery is in line with the top of your left content. However, in a browser window with a large height, the main image is vertically centered within the gallery (with space above and below the main image).
Rather than have your gallery's height expressed as 100%, try setting it to an absolute pixel value, no larger than you need to accommodate your images.
In this test, the gallery resizes, but starts to cut into the image (right and bottom) when resized horizontally on a wide image.
http://www.qr-presse.eu/ritz-html-embed3.html
This is because part of your gallery (to the right and bottom) spills over beyond the bounds of the browser window and is no longer visible.
Your gallery (and container div) both have a height of 100% so, under normal circumstances, the gallery should fill the height of the browser window. However, you have introduced margins which push the gallery down (truncating the gallery at the bottom).
In this test, the gallery will not resize vertically inside the 'inline' container div.
http://www.qr-presse.eu/ritz-html-embed4.html
Please see the note for Using Percentage Heights in the Embedding Guide.
In your test, the gallery takes up 70% of the browser window height (though this is not explicitly specified anywhere).
Change:
<DIV ID="item1">... to:
<div id="item1" style="height: 70%;">Your gallery at http://www.peterotoole.me/phone/design.html includes the following code:
<script src="http://meowcreative.businesscatalyst.com/phone/home_page_mobile/jbcore/juicebox.js"></script>baseUrl : 'http://meowcreative.businesscatalyst.com/phone/home_page_mobile/',All gallery files should be on the same domain or subdomain as the page into which the gallery is being embedded due to the JavaScript same origin policy.
It looks like you have uploaded your gallery folder to your www.peterotoole.me domain so just change the paths in your embedding code as follows and your gallery should display fine.
<script src="http://www.peterotoole.me/phone/home_page_mobile/jbcore/juicebox.js"></script>baseUrl : 'http://www.peterotoole.me/phone/home_page_mobile/',Alternatively, you could use relative paths within your embedding code as follows:
<script src="home_page_mobile/jbcore/juicebox.js"></script>baseUrl : 'home_page_mobile/',There is a tutorial on how to convert images to grayscale using JavaScript on this web page.
However, I do not think that there is any way to integrate it into Juicebox-Pro to achieve your goal of only having the selected thumbnail in color.
Please see the Converting a SimpleViewer Gallery section of the Creating Galleries page for further information.
Try adding the following code to the end of your gallery's 'jbcore/classic/theme.css' file:
.jb-idx-thumb {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.jb-thm-thumb-selected {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
}Your Juicebox-Pro gallery is inside your #pageDiv container which has been given a fixed height of 950px.
Your Juicebox gallery has a height of 100% (of its parent container) so 100% of 950px is 950px which results in your gallery having a fixed height of 950px (regardless of the height of the user's browser window).
Try changing the height of your #pageDiv container to a percentage (such as 100%) and your gallery should dynamically resize in both dimensions.
The 'Expand' button is not being displayed because your galleries are being embedded in an iframe. The 'Expand' button is automatically disabled in galleries embedded within iframes. This is documented in the Using an iframe section of the Embedding Guide.
Instead of targeting an iframe with individual galleries, try embedding all the galleries on your page using the baseUrl technique (documented here) and switch between the galleries using the Juicebox-Pro API showgallery() method.
If you are following the Embedding with Adobe Muse instructions, then it is recommended that you upload your entire gallery folder (not just the contents) to the same directory on your web server that you upload your Muse files to.
It does not actually matter where on your web server you upload your gallery folder to as long as you know where it is and that the two paths within the embedding code (the path to the 'juicebox.js' file and the baseUrl) are both correct.
If you continue to experience difficulties, please post the URL to the web page into which you are trying to embed your gallery so that I can help further.
Juicebox-Pro supports a Back Button (which you can use to link to any URL you wish).
The Back Button configuration options can be found here.
Please note that the Back Button can be positioned TOP, OVERLAY or NONE (but cannot be positioned at the bottom of the gallery) and is available only in Juicebox-Pro galleries (and not in Juicebox-Lite galleries).
Alternatively, you could overlay an HTML hyperlink on top of the gallery using HTML and CSS, such as the following in the <body> section of your page:
<div id="overlay" style="position: absolute; bottom: 10px; left: 10px;">
<a href="../index.html">Click here to return to home page</a>
</div>You can justify the titles and captions to the right-hand margin of the caption area by setting captionHAlign="RIGHT" in your gallery's XML file.
However, please note that this is a Juicebox-Pro configuration option which is not available in Juicebox-Lite galleries.
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.