You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
You're right about the selected thumb. But I have yet to figure out how to do that.
If still using the CSS you posted above, you could add the following code to make the thumbnail corresponding to the selected image stand out.
.jb-idx-thb-list .jb-thm-thumb-selected {
opacity: 0.8;
}Your galleries display OK in IE8 (within IETester) on my PC.
Try clearing your browser's cache before reloading the galleries to ensure that your browser is not hanging onto and using older version of your gallery files.
Being that I am able to view your galleries in IE8 (within IETester) on my PC, the following suggestions should not make a difference but might be worth trying.
Try validating your web page's code with the W3C Markup Validation Service and fix any errors reported. Once your web page's code validates, it should be rendered with greater predictability and consistency across different browsers.
You could also try changing the Doctype of your page to HTML5 to see if this makes a difference.
For more information about Juicebox and Doctypes, please see here.
WP-Juicbebox does not support watermarking images.
Perhaps you could try a WordPress watermarking plugin such as Bulk Watermark or Watermark RELOADED which would allow you to watermark the uploaded images in your Media Library.
I'm unable to make 9 rows of thumbnails into the gallery and also I cannot remove the gap between the main image and thumbnails.
There is currently a 10px gap between the main images and the thumbnails hardcoded into the 'juicebox.js' JavaScript file which is obfuscated and cannot be modified.
It is on the roadmap to remove this padding in a future version on Juicebox (but I do not know exactly when this will be).
Also, if you are converting SimpleViewer galleries to Juicebox, the Converting a SimpleViewer Gallery section of the 'Juicebox - Creating Galleries' page may help.
You have set imageScaleMode="NONE" in your gallery's XML file. When using this setting, large images are cropped to fit the available image area (which, when using gallery dimensions of 100% x 100%, will depend entirely on the size of the user's browser window). If you want all your images to be displayed in their entirety with no cropping, set imageScaleMode to either 'SCALE' or 'SCALE_DOWN'.
If using JuiceboxBuilder-Pro to create or edit your gallery, the imageScaleMode configuration option can be found in the 'Customize -> Main Image' section.
For descriptions of the possible values of the imageScaleMode configuration option, please see the Main Image Options of the 'Juicebox - Config Options' page.
I completely understand about the need to select a gallery on pages with multiple galleries but, just thinking out loud, would it be possible to code in some kind of logic whereby if there is only one gallery on a page, then keyboard controls would be activated on page load?
It may be possible to implement one of the suggestions from this forum thread.
However, the gallery's 'juicebox.js' JavaScript file is obfuscated so I do not know which div within the gallery must be given focus in order for keyboard controls to function. Some trial and error may be required and I cannot guarantee that it can definitely be done, though you may like to try.
Also, just want to say, what a great job you guys have done with the additional features and functionality that have been added since V1. Keep up the good development work!
Thank you! Your comments are very much appreciated.
It is IE8 not IE9. Filter does not work.
Rather than using CSS directly, you could try using the available configuration options to give the appearance of dim unselected thumbnails.
Try setting the thumbFrameColor to black with an opacity of 0.5 and make the thumbFrameWidth for unselected thumbnails cover the entire thumbnail image (by choosing a large value).
I can't get rid of the frame around the thumbs in IE8
Set:
thumbFrameWidth="0"
thumbHoverFrameWidth="0"
thumbSelectedFrameWidth="0"
... in your gallery's XML file.
If using JuiceboxBuilder-Pro to create or edit your gallery, these configuration options can be found in the 'Customize -> Thumbnails' section.
Your code works fine in IE9 on my computer. (IE9 supports the CSS 'opacity' property.)
You could try using the following code:
opacity: 0.4;
filter: alpha(opacity=40);... where the 'opacity' property will be used by modern browsers and the 'filter' property will be used by versions of Internet Explorer prior to IE9.
Also, after making any changes, try clearing your browser's cache before reloading your gallery.
Going directly to the location of the first image in your gallery: http://www.m-falldorf.de/Lembeh_Strait/ … 2008-1.jpg in a browser results in an error 403 (forbidden).
Check the permissions of your gallery folder (and all subfolders within) with an FTP program to make sure they are 755.
Also, check the permissions of the image files themselves to make sure they are 644.
If this does not help, check with your web host to see if you have hotlink protection enabled on your hosting account. If you do, ask your web host if it can be removed.
This prevents direct linking to images on the web server and will break the gallery.
When using Flickr Tags, it may take some time (up to 48 hrs) for the tags to propagate fully through Flickr's system in order for the images to show up in API searches (such as that performed by Juicebox to fetch the images from Flickr's servers).
Please see the Flickr FAQs on this web page for further details.
You could temporarily try removing the flickrTags configuration option from your gallery's settings to see if all your Flickr images appear in your gallery. You may also need to clear your browser's cache after making any changes and before reloading your gallery.
If the images you wish to use in your Juicebox gallery have not yet been uploaded to the Media Library, click the 'Add Media' button on the 'Create/Edit Post' page, go to 'Upload Files', upload the files and close the pop-up window.
If the images you wish to use in your Juicebox gallery have already been uploaded to the Media Library and are not already attached to a post, go to the Media Library itself and attach each image to the post containing the gallery. (Do not select the images using the 'Add Media' button on the 'Create/Edit Post' page and click 'Insert into post'. This, as you have discovered, will insert the image directly into the post as a separate entity.)
Also, there is no longer any need to 'Update' the post containing the gallery or 'Edit' and 'Save' the gallery after adding new images to an existing gallery images but you may need to clear your browser's cache in order to see the new images.
ir order to managing with wordpress, how can i hide the title with code?
If using the Media Library as the source of images for your gallery, WordPress (prior to v3.5) does not allow you to have an image with an empty Title.
In order to not display the Titles in your WP-Juicebox gallery, you would have to edit the 'wp-juicebox/config.php' file in a plain text editor and change line 66 from:
$title_text = $new_dom_doc->createCDATASection($attachment->post_title);... to:
$title_text = $new_dom_doc->createCDATASection('');(The line numberabove refers to WP-Juicebox v1.2.0.)
if i change the color of the box with code, the opaccity turn to 100%, what´s the code option to change the opaccity of the box
Enter the following code into the 'Pro Options' text area of your WP-Juicebox's settings window:
captionBackColor="rgba(0,0,0,0)"gallery navigation in ipad have a problem with this box caption, image and box not move at the same time. is it possible to solve this?
Perhaps there is a conflict between WP-Juicebox and your current WordPress theme or another plugin which you have installed and activated. Try reverting to the default WordPress theme and deactivate all your other plugins to see if your WP-Juicebox gallery then works as expected. If it does, reactivate your other plugins one by one until you find the source of the conflict.
and one thing more, is it possible to change the apparence of navigation buttoms without css customization
No. If you wish to change the navigation arrows, you would need to edit the 'jbcore/classic/img/assets.png' file in an image manipulation program such as Adobe Photoshop. Please see the Juicebox - Theming page for further details.
It is necessary to first click on the gallery to give the gallery container focus before keyboard controls work.
If there are multiple galleries embedded on a single web page (or other elements which have their own keyboard controls), the user would have to select which one to be active.
If the above is not possible, would it at least be possible for the keyboard controls to be activated when a user clicks on a thumbnail and not just when they click on a navigation button?
Thank you for reporting. I have notified the developers to see if it is possible to extend the clicking area to cover the entire gallery.
Hi, I´d like to show the image number, but i don´t like the caption box with title image, i prefer hide it. Is it possible?
In JuiceboxBuilder-Pro:
Go to 'Images -> Titles -> Use None' (from the drop down menu at the top)
Set showImageNumber="TRUE" ('Customize -> Caption' section)
Choose a captionBackColor with an opacity of zero, e.g. rgba(0,0,0,0) ('Customize -> Color' section)
And another question, is it possible hide gallery thumbnails by default?
Yes. Set showLargeThumbs="FALSE" ('Customize -> Thumbnails' section). This will hide the thumbnails when the gallery is first displayed. The user can then choose whether or not to show the thumbnails via the 'Toggle Thumbnails' button. If you wish to hide this button too, set showThumbsButton="FALSE".
You have specified your gallery's dimensions as absolute pixel values in the embedding code:
galleryWidth: "1600px",
galleryHeight: "1200px",... so the gallery will always be 1600px x 1200px, no matter what the size of the user's browser window is.
If you would like your gallery to resize dynamically with the size of the user's browser window, you will need to specify your gallery's dimensions (and the dimensions of all parent containers) as percentages, e.g.:
galleryWidth: "100%",
galleryHeight: "100%",If doing so, please see this note about Using Percentage Heights.
Try looking within your web page's CSS files for generalized CSS rules which apply to HTML tags such as 'div' or img' rather than specific instances of containers which already use classes or ids.
As a start, try removing the 'Global' section of your theme's http://joachim.bozler.de/wp-content/the … /style.css file.
No, but if you would like to change the way that your gallery currently functions, you could change the position of the captions via the captionPosition configuration option and change when to show the overlay via the showImageOverlay configuration option.
Please see this FAQ:
How do I change the order of images in a Flickr Photo Set?
This happens because the link is generated dynamically and the user never leaves the http://www.picnicspot.it/portfolio/ page.
When selecting 'Crossroads' from the http://www.picnicspot.it/portfolio/ page, the user's browser is not redirected to the http://www.picnicspot.it/portfolio/crossroads/ page where the gallery opens via Shadowbox.
You could perhaps find out where, in your WordPress theme's code, the links are being generated and add the required rel="shadowbox" attribute to them.
Also, please see the Advanced section of the Shadowbox Usage support page. Take a look at the Shadowbox.setup section at the bottom of the web page.
You can also use Shadowbox.setup to manually set up link elements for use with Shadowbox. This can be useful, for example, if you have a page that is updated via Ajax with links being created and destroyed dynamically.
1/ Does gallery resizing work inside an iFrame?
Yes. As long as the dimensions of the iframe and all parent containers have heights expressed as percentages via CSS.
2/ How does a gallery appear on an iPad/iPhone if it is embedded inside an iFrame? (Do I need to build a second site to better suit iOS devices?)
A gallery will look the same when embedded in an iframe as it will when embedded using the recommended embedding code with the exceptions that the 'Expand Gallery' button is disabled and the 'Back Button' will not work. Please see here for details.
3/ Is there the possibility to use a top-location parameter, to ensure that an iFrame gallery cannot be viewed without its 'frame'. (This is really important to avoid anonymous galleries).
Yes. You could add JavaScript code (to check whether or not the gallery is displayed inside an iframe) to the 'index.html' page of a gallery. If the gallery is not displayed inside an iframe, then you could redirect the user's browser to the page you wish the user to see. Knowledge of JavaScript would be required.
4/ Can thumbnails be set to 'autohide'?
You can set showLargeThumbs="FALSE" to initially hide the thumbnails and set showthumbsButton="TRUE" to allow the user to display or hide the thumbnails via the Thumbnails Button on the Button Bar.
5/ Is IPTC data that is not used for display, but is embedded in the images, available to web-crawlers? (I'm thinking specifically of Keywords)
Google may be able to index the image data stored in the gallery's XML file (try a web search to find out more about Google's web-crawling algorithms) but it looks like it would not be able to crawl through the meta-data stored within the images themselves. Please see this Google forum thread.
6/ Can I place a copyright text anywhere in the stage?
You could use the Gallery Title text field to add copyright text to your gallery. The Gallery Title can be positioned OVERLAY, TOP, ABOVE_THUMBS (or NONE). Please see the General Options section of the Config Options page for details.
You could also add copyright text to either the Title or Caption text fields of each individual image.
Your first three queries apply equally to Juicebox-Lite (the free version) as they do to Juicebox-Pro so you could try using Juicebox-Lite (which can be downloaded from this web page) before purchasing Juicebox-Pro.
You might be able to achieve your goal by increasing the imagePadding and stagePadding configuration options from their default values of zero.
If you wish to find out which CSS classes are associated with specific elements within your gallery, you can use the developer tools in your browser. For example, in Firefox, right-click the element in question and select 'Inspect Element' from the menu displayed.
However, please note that the Juicebox layout is carefully configured and changing this by introducing padding manually may have unwanted knock-on effects.
@mustard
For a drop-shadow to the right and bottom of the main image in your gallery, try adding the following code to the end of your gallery's 'jbcore/classic/theme.css' file:
.jb-dt-main-frame .jb-dt-main-image {
-moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, .4) !important;
-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, .4) !important;
box-shadow: 10px 10px 10px rgba(0, 0, 0, .4) !important;
}You may also wish to increase the imagePadding configuration option in your gallery's XML file from the default value of 0 to something like 20 to accommodate the drop-shadow at the bottom of the main image.
@sylvia
Adding a cross-fade transition type is something which we are currently considering and this will hopefully be implemented in a future version of Juicebox-Pro (although I do not know when this may be).
Can I disable the responsive grid for the content block on this page?
It is unlikely that a WordPress theme would have a setting to selectively ignore a specific element on a web page.
are there any things you could tell me to look for that might be causing this?
Try looking for (and temporarily removing) generalized CSS rules which apply to entire tags such as 'div' or img' rather than specific instances of containers which already use classes or ids. There seems to be a lot of generalized CSS rules at the top of the following file: http://downtowngroup.com/test/wordpress … ;ver=3.4.2
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.