You are not logged in. Please login or register.
Active topics Unanswered topics
Juicebox v1.5.1 Released!
Search options (Page 189 of 235)
Please note that we did not write the Juicebox module for Drupal which can be found here and I am not familiar with the module or its code.
However, following the instructions in the README.txt file work for me (with Drupal 7.22, Libraries API 7.x-2.1, Juicebox module 7.x-1.0-rc1 and Juicebox-Lite v1.3.1).
Have you installed and enabled the Libraries API as well as the Juicebox module?
I was able to create a Juicebox gallery by going to 'Structure -> Content types -> Article -> manage display' and then selecting 'Juicebox' as the FORMAT for the 'Image' field (and then uploading some images to a new article). Clicking on the gear icon to configure the settings worked fine.
Try using the same versions of everything that I used (listed above) and ensure that the Libraries API and the Juicebox module are both installed and enabled.
If you continue to experience difficulties, try posting your query in the Drupal support forum where the author of the module should be able to help you further.
You need a comma after the baseUrl entry in your gallery's embedding code to separate it from the other configuration options.
Change:
... to:
showOverlayOnLoad="FALSE" fixed the problem. is this also settable via the API?
You can use the Juicebox-Pro API method toggleOverlay() to toggle the image overlay on and off.
more specifically if could control the buttonBar and imageNav independently, that would be best. for instance i only want the buttonBar to show on mouseover and not onLoad, but i do want the imageNav to show on both onLoad and mouseover.
It would not be possible to achieve this exactly but with a combination of the following suggestions, you might be able to find a suitable compromise.
You could use the Info Button (showInfoButton="TRUE") to allow users to toggle the overlay on and off.
You could position the Button Bar outside the overlay (buttonBarPosition="TOP").
You could add main image navigation buttons to the Button Bar (showNavButtons="TRUE").
You could show/hide the main image navigation buttons on the overlay by using the showImageNav configuration option.
I have not seen this myself.
What version of iOS do your devices use?
Are you able to provide the URL to a gallery which exhibits this behavior so that I can take a look?
Does the gallery use the latest version of Juicebox (v1.3.1)?
Perhaps you could use the <script> defer attribute or use jQuery to queue the JavaScript events on your page.
Yes. Insert the 'Standard' Google fonts code to the <head> section of the web page containing your gallery's embedding code such as:
<link href='http://fonts.googleapis.com/css?family=Milonga' rel='stylesheet' type='text/css'>
... and enter the name of the font into the galleryFontFace configuration option, e.g.:
galleryFontFace="Milonga"
I have just created a sample test album using exactly the same configuration options that your own gallery uses.
I then loaded your 'juicebox.svg' file into the IcoMoon App, re-saved the font (without making any modifications), put the necessary font files into the 'jbcore/classic/fonts/' folder and uploaded the gallery here [test album removed]. The icons display fine in IE10 for me.
When I preview the gallery in IE locally on my machines it displays fine but when I upload the galleries to a site they dont work any more.
It sounds like your problem occurs when you upload the font files to your web server. Perhaps the font files are becoming corrupt during the upload process.
Make sure you upload the files as binary rather than ASCII in your FTP program.
Where can I find that in my already built gallery? (IOW I don't want to have to rebuild the gallery). Is it possible?
Open and edit your gallery in JuiceboxBuilder-Pro v1.3.1 and enter the required font face into the 'Gallery Font Face' field (in the 'Customize -> General' section). Then save your gallery on the 'Publish' tab and re-upload the gallery to your web server.
Otherwise, just modify your gallery's XML file by opening the 'config.xml' file in a plain text editor and adding something like galleryFontFace="Courier" as an attribute to the opening <juiceboxgallery> tag.
And I would like to add an image <a href> to the lower right of the main gallery image. Is this also possible?
Add the link to your web page below your <div id="juicebox-container"></div>, e.g.
<div id="link" style="text-align: right;"><a href="http://www.example.com">Text</a></div>
And finally, it does not display in IE correctly for my client.
Try using a fixed height for your gallery (rather than 90%).
Also, if you would like your web page to display your header (with a fixed height) and have the gallery take up the remainder of the user's browser window (without any scroll bars), then take a look at the Using a Resizable Gallery with a Header support section here. There is an online example and you can view the source of the web page in your browser and copy or modify it as required.
The View Resizable Gallery with Top Menu Example has both a header and a footer and you could place your required link in the footer.
i see the Ajax spinner spin and NO image
I see the problem in your own gallery but I have been unable to replicate the problem myself.
I have tried to create a stripped-back test case whilst resembling your setup as closely as possible using the same configuration options that your gallery does, using a baseUrlL, a configUrl and a themeUrl (as your gallery does), using imageURLs which begin with a leading slash and enclosing the entire embedding code within a $(document).ready resize function.
In my own test case, the first image in the gallery is always displayed (in Chrome 26) without the need to hover the mouse in and out of the gallery.
Try stripping back elements from your own web page one by one (and test each time) to see if you can find anything else on your web page which might be causing the problem.
btw the button bar and navigation icons (set to auto) automatically appear when i first load up the page on any browser, even if my mouse has never entered the juicebox content area... not sure if this was intended or not, but doesn't seem right to me.
Set showOverlayOnLoad="FALSE" in your gallery's XML file to initially hide the image overlay in your gallery. (The default value for this configuration option is 'TRUE'.
Try setting the textShadowColor opacity to 0, e.g. textShadowColor="rgba(0,0,0,0)".
This works in both Large Screen Mode and Small Screen Mode in my own test gallery.
Make sure that you clear your browser's cache after making any changes and before reloading your gallery to ensure that your browser does not use an older version of your gallery's XML file.
I am glad that you have resolved your problem.
Thank you for posting back to let me know.
Tried that without joy. Set it to 200 and got nada.
Increasing the maxCaptionHeight should work fine (and does in my own test galleries).
I notice that your gallery still uses maxCaptionHeight="50". (Perhaps you changed it back.)
Be sure to clear your browser's cache after making any changes to ensure that your browser does not use an older version of your gallery's XML file.
Tried removing info from title and then the caption showed.
That is because, at present, there is enough height in your caption area to display only one or the other (and the first line of text, whether it is the title or the caption, will be displayed.
I'd like to have both, centered, with title on top and caption below. Is there a way to do that?
Yes. Use both the title and caption fields and set captionHAlign="CENTER". However, when using captionPosition="BELOW_THUMBS" (as your gallery does), a maxCaptionHeight of 50 is not large enough to allow both the title and caption to be displayed.
Oh, and is it possible to control the text font?
Yes. Use the galleryFontFace configuration option (in the 'Customize -> General' section of JuiceboxBuilder-Pro).
You need to increase your gallery's maxCaptionHeight (from 50 to perhaps 100) to allow more space for the captions to be displayed.
As you will not be able to upload your Juicebox gallery files directly to Blogger's own web server, please see the Embedding in a Web Template Site instructions.
.air files (Adobe AIR application installation files) should be associated with Adobe AIR (so that they are run by Adobe AIR when you open them) but somehow, they seems to be associated with Waveburner on your system.
You will need to re-associate .air files with Adobe AIR. Take a look at this web page for instructions on how to do this.
Juicebox does not support such functionality out-of-the-box but if you wanted to, you could created your own conditional statements (based on platform or resolution) within your gallery's JavaScript embedding code and then direct the gallery towards an appropriate XML file (listing the images you wish to display) using the configUrl configuration option.
If you want to add a themeURL to your WP-Juicebox galleries, edit the plugin's 'wp-juicebox/wp-juicebox.php' file in a plain text editor and add the themeURL entry between lines 1005 and 1006 (immediately after the new juicebox({ line), e.g.
themeUrl: "http://www.example.com/custom/theme.css",
Please note that this will apply to all galleries created with the plugin.
I have viewed your gallery in IE8 (using the Windows Virtual PC VHD) and although I see your problem (your gallery is not displayed), I am unable to replicate it.
I have created several stripped-back test cases as close to your scenario as possible using a Juicebox-Pro v1.3.1 gallery with a baseUrl and a themeUrl loading jQuery 1.9.0 and jQuery 1.9.1 (in separate test pages) both before and after loading 'juicebox.js' and incorporating a $(window).bind('resize load', function(e) {}) call to resize the gallery on a change of browser window size and every test case I created displays OK within IE8 (without the need to load the 'theme.css' file into the page using a <link> tag).
It looks like there may be something else within your web page's code which is preventing your gallery from being displayed.
Try enclosing your jQuery calls inside a $(document).ready(function () {}) wrapper (as suggested here) to see if this makes a difference.
Thank you for clarifying the problem.
I did not see this problem whilst viewing your web page previously and I have just viewed your web page again in IE10 and both galleries still display all images as expected for me.
If you have made any modifications to either of your galleries, you may need to clear your browser's cache again before reloading your web page.
Please see this FAQ:
When I update my gallery I don't see my changes online. Why?
Your gallery displays OK using IE8 Browser Mode within IE10 for me. I have loaded the page several times (both with and without clearing the cache) and the gallery is always displayed.
I do not know what other features of jQuery you require but you could try either upgrading jQuery to the current stable version (v1.9.1) or just use the version of jQuery embedded within the 'juicebox.js' file.
it is on and off, and so annoying.
Could you please explain in greater detail what the problem seems to be (what you are seeing and what you expect to see)?
Both galleries on your web page look OK to me. All 6 images in both galleries display OK. (Viewed in Firefox 20.0.1, IE10, Chrome 26 and Safari 5.1.7.)
Try re-saving your font files with the IcoMoon App.
I loaded your 'juicebox.svg' file into the App, re-saved the font (without making any modifications), put the necessary font files into the 'jbcore/classic/fonts/' folder and the icons appeared correctly in IE10.
Your gallery displays all 4 images when I view it in IE10.
Try clearing your browser's cache to ensure that your browser is not hanging onto and using older versions of your gallery files.
Try changing:
<div id="juicebox-container"></div>
... to:
<div id="juicebox-container" style="float: left;"></div>
Juicebox-Pro v1.3.1 now features integrated support for sharing images via Pinterest by setting sharePinterest="TRUE" in the gallery's XML file. Please see here for details.
If you are not already using Juicebox-Pro v1.3.1, then you can upgrade by following the instructions here.
Posts found: 4,701 to 4,725 of 5,851