You are not logged in. Please login or register.
Active topics Unanswered topics
Juicebox v1.5.1 Released!
Search options (Page 197 of 233)
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.
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).
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:
... 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.
I am glad that you have resolved your problem.
Thank you for posting back to let me know.
Rather than just double-clicking the .mxp file, right-click the link for your Adobe Extension Manager, select '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, you could download the .zip file for Photoshop CS2 or CS3 and follow the instructions for installing it on this page.
The plugin files are exactly the same when extracted, they are just packaged in a .zip file for CS2 or CS3 instead of a .mxp file for CS4 or higher.
You can link the main images to individual unique URLs by setting imageClickMode="OPEN_URL" in your gallery's XML file.
If using JuiceboxBuilder-Pro to create or edit your gallery, this configuration option can be found in the 'Customize -> Main Image' section.
When the user clicks a main image, the corresponding linkURL will be opened (in the specified linkTarget window) in the browser.
linkURLs and linkTargets can be entered for each image on the 'Images' tab.
All three of your galleries seem to be working fine and I do not see the 'Config XML File Not Found.' message in any of them.
It is possible that your client's browser has cached a non-working version of your gallery (before you solved the problem).
Try asking your client to clear their browser's cache to see if this makes a difference.
When creating a gallery with JuiceboxBuilder-Pro, try creating an empty folder somewhere on your hard drive before creating your gallery and then save the gallery to that folder.
Save each new gallery you create to a new empty folder.
Posts found: 4,901 to 4,925 of 5,812