You are not logged in. Please login or register.
Active topics Unanswered topics
Juicebox v1.5.1 Released!
Search options (Page 198 of 235)
@paul3837
If your gallery is located at: http://www.tulldesignstudio.com/juicebox_gallery/
... then you can use the following embedding code:
<!--START JUICEBOX EMBED-->
<script src="http://www.tulldesignstudio.com/juicebox_gallery/jbcore/juicebox.js"></script>
<script>
new juicebox({
baseUrl : http://www.tulldesignstudio.com/juicebox_gallery/',
containerId : 'juicebox-container',
galleryWidth : '800',
galleryHeight : '600',
backgroundColor: '#222222'
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
When using absolute URLs in your embedding code (as above), it does not matter where the page containing the embedding code is uploaded to on your web server. You can use the above embedding code in any page in your web site and your gallery should be displayed.
You have a stray double-quote in your code.
Change:
<div id="juicebox-container" "style="margin: 0 auto;">
... to:
<div id="juicebox-container" style="margin: 0 auto;">
However, your gallery is horizontally centered within its parent container.
If you wish to increase the distance between the thumbnails and the left edge of the gallery, you could:
(1) Change thumbNavPosition="BOTTOM" to thumbNavPosition="CENTER"
(2) Increase the value of the thumbPadding configuration option
(3) Increase the value of the stagePaddingconfiguration option
The next version of Juicebox-Pro will also introduce configuration options which will allow you to horizontally and vertically align the thumbnails and main images within their respective areas (although I do not know when it will be released).
The first issue is that captions in the overlay are centered in IE only.
Your web page's entire <body> section is encapsulated within <center> tags and it looks like the captions within the gallery are inheriting this. Your page uses the HTML5 Doctype Declaration and the <center> element is obsolete in HTML5 and CSS should be used instead.
Try validating your web page with the W3C Markup Validation Service and fix the HTML errors reported. Once the code on your web page validates correctly against your chosen Doctype Declaration's set of standards, your web page should be rendered with greater predictability and consistency across different browsers.
it's not resizing on iPhones
Try adding the following <meta> tag to the <head> section of your web page:
<meta name="viewport" content="width=device-width, initial-scale=1">
I included enableTouchZoom: "TRUE"
The enableTouchZoom configuration option was removed from Juicebox v1.2.0 (please see the Version History for details) as the gallery navigation gestures can interfere with pinch zooming.
As an alternative to the Splash Page (which will display the gallery in its own page when clicked), you could set either showSplashPage="NEVER" (to initially display the Small Screen Mode gallery) or screenMode="LARGE" (to initially display the Large Screen Mode gallery).
I think I may have discovered the reason for your problem.
In your galleries, the paths within your embedding code use the www subdomain of finecustombuilding.com (www.finecustombuilding.com) and your galleries will display fine if visiting www.finecustombuilding.com.
However, all gallery files must be located on the same domain (or subdomain) as the web page into which the gallery is embedded (due to the JavaScript same origin policy) and your gallery will fail if you access your page via finecustombuilding.com rather than www.finecustombuilding.com.
Either ensure that your clients visit www.finecustombuilding.com or use relative paths within your embedding code so that your galleries can be viewed at both www.finecustombuilding.com and finecustombuilding.com.
For example, in your 'projects.html' file, use the following embedding code:
<script src="jbox_gallery3/jbcore/juicebox.js"></script>
<script>
new juicebox({
baseUrl : 'jbox_gallery3/',
containerId : 'juicebox-container3',
galleryWidth : '930px',
galleryHeight : '700px',
backgroundColor: '#222222'
});
</script>
Chrome will not let me preview my gallery in Juicebox.
Please see this FAQ:
When I view my gallery locally in Google Chrome, I see the message "Juicebox does not display locally in Google Chrome". Why?
How do I force it to be opened by Firefox or Safari?
JuiceboxBuilder-Lite previews your gallery using your default browser.
Make Firefox or Safari your default browser.
Firefox: http://blog.mozilla.org/theden/2012/07/ … t-browser/
Safari: http://support.apple.com/kb/ht1637
A Juicebox gallery should work fine in a page using an XHTML Doctype Declaration.
Make sure that you are using the current version of Juicebox-Lite (v1.2.0).
If necessary, instructions for 'Upgrading Juicebox' can be found here.
Also, try re-uploading your gallery's 'jbcore' folder to ensure that all necessary files are present and correct in case something happened to corrupt the 'juicebox.js' file on the initial upload.
If you continue to experience difficulties, please post the URL to your web page so that I can take a look.
I cannot promise anything but we are looking into it.
@graphitegolem
Finally, from reading the first few posts in this thread, it seems that the simplest way to notify users about updates would be to use the email addresses that you've collected by PayPal- I don't use Twitter, so I'm never going to find out about new versions, it seems.
You can join our email mailing list (at the bottom of our homepage) to get all the latest Juicebox news and developments.
@ Shoyeb56564
Please make sure that you are using the latest version of WP-Juicebox (v1.2.0.1) and if you have already checked the suggestions in my posts above, please post the URL to your gallery so that I can take a look.
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.
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%;">
Posts found: 4,926 to 4,950 of 5,851