You are not logged in. Please login or register.
Active topics Unanswered topics
Juicebox v1.5.1 Released!
Search options (Page 179 of 235)
1. After upgrading a »separation« border [1px height | rgb:43,43,43] appeared below the last line of text on every page and in the gallery pages itself. It doesn't appear on the Gallery Index Page though. How can I get rid of it?
Add the following code to the '_themes/kosel/css/custom.css' file:
div.body-content {
border-style: none;
}
2. The thumbnail images look quite blurry. How can I change that?
Showkase creates thumbnails for Juicebox-Pro galleries at the dimensions specified by the thumbWidth and thumbHeight configuration values in the interface. If you change these values after creating a gallery, the thumbnails will not be displayed at their actual size in the gallery and they may look blurred. To recreate the thumbnails at the new dimensions, edit the gallery page, click on the 'Advanced' tab and select 'Rebuild this Juicebox gallery'.
3. The back button icon doesn't show up. It's set to »overlay|left« and »use icon« is checked. I just want the home icon to be shown like the one on your demo page
This looks like a bug. Thank you for reporting. I have logged a bug report with the developers and it should be fixed in the next version of Showkase. In the meantime, open the 'admin/plugins/juicebox/defaults.ini' file in a plain text editor, search for the text 'BackButtonUseIcon' and change it to 'backButtonUseIcon' (with a lowercase 'b' at the start).
4. How to set the path for a watermark image?
The watermarking functionality is a feature found only in JuiceboxBuilder-Pro and is not available in Showkase.
If you like, you could create a gallery with JuiceboxBuilder-Pro (using a watermark), upload the gallery folder to your web server and import the gallery into your Showkase installation in the 'Site -> Import' section.
You can change the default spinner to a custom animated gif of your own (in the 'jbcore/classic/img' folder) but it is not possible to change this indeterminate progress indicator to a percentage-based progress bar.
@cryptic
I do not see this on Juicebox-Pro v1.3.2 galleries on an iPod Touch 4 iOS 6.1.3 using Chrome 28.0.1500.16.
What device and versions of iOS and Chrome do you use?
Make sure that your versions of iOS and Chrome are up to date.
Also, make sure that you are using the latest version of Juicebox-Pro (v1.3.2).
Please see the Upgrading Juicebox page for details on how to get the latest version and how to upgrade existing galleries if necessary.
If you are already using the latest version of Juicebox-Pro, then please post the URL to your gallery so that I can take a look and also, if possible, please upload a screenshot somewhere to let me see what you are seeing. Thank you.
There are two separate alt text fields: the 'Alternative Text' field from a Media Library image and the 'Alt & Title Text' from a NextGEN Gallery image.
The 'Alternative Text' field from a Media Library image is currently not used at all by WP-Juicebox.
In a Media Library-sourced Juicebox gallery, WP-Juicebox uses the 'Title' field as the Juicebox image title and the 'Caption' field as the image caption.
In a NextGEN-sourced Juicebox gallery, WP-Juicebox uses the 'Alt & Title Text' field as the Juicebox image title and the 'Description' field as the image caption.
In both cases above, the image titles and captions are stored in the gallery's XML file (not in the HTML file which contains the gallery's embedding code, which is why you do not see the text when viewing the source of the page in your browser).
I notice that you have your JavaScript embedding code inside the <div> into which you are embedding your gallery.
Try moving the JavaScript embedding code outside the <div id="juicebox-container"></div> tags.
Currently, the SEO functionality of Juicebox is available only in JuiceboxBuilder-Pro.
At the moment, there are no plans to introduce SEO functionality into the WP-Juicebox plugin.
It would be possible to include SEO data into a WP-Juicebox gallery (such as including the 'Alternative Text' in <img> tags for each image) but it would involve quite a lot of work (and a knowledge of PHP and WordPress coding).
You would need to introduce a new routine in the shortcode_handler function (in the 'wp-juicebox.php' file) which would:
(1) Get the Post ID from the current gallery's XML file.
(2) List the images attached to the post.
(3) For each image, get the URL and 'Alternative Text' (and any other data that you wanted to include) and output the data as an <img> tag and/or plain text within the 'juicebox-container' <div>.
For full functionality (and not just for Media Library galleries), there are other image sources that would need to be considered (such as the Picasa Album and NextGEN Gallery sources). The SEO routine would differ for each source.
I see the problem in your own galleries but have been unable to replicate the problem in test galleries of my own (using the same structure, embedding code and configuration options that your galleries do).
Here are a few things to try which may help:
Try re-uploading your 'jbcore' folder to your web server to ensure that all the files are present and correct in case any resource files are missing or were somehow corrupted during the initial upload.
Try using absolute URLs in your embedding code rather than relative URLs (for the path to the 'juicebox.js' file, the baseUrl and the configUrl). If this helps, then perhaps there is a rewrite rule in an .htaccess file on your web server which is causing the problem.
Try setting expandInNewPage="FALSE" (in JuiceboxBuilder-Pro's 'Customize -> General' section) and locking the viewport of your embedding page. Please see here for details.
Thank you for clarifying your request.
Juicebox-Pro does not support videos.
Please see this FAQ: Will Juicebox load things other than images?
The only way to split the thumbnails and images onto separate pages is to use Small Screen Mode.
As I mentioned above:
The separate thumbnails and main image screens are unique to Small Screen Mode.
In Large Screen Mode, the thumbnails and main image are always displayed together on the same screen
In my other post here, I was trying to say that if it were possible to split the thumbnails and images onto separate pages in Large Screen Mode (which it is not), then the result would essentially be Small Screen Mode and you can use Small Screen Mode to achieve the result you are looking for (separate thumbnail and main image pages) by setting screenMode="SMALL".
With regard to the problem navigating between thumbnail pages in Small Screen Mode in desktop browsers when showImageNav="FALSE", I have now logged a bug report with the developers and this should be fixed in the next version of Juicebox-Pro. (Keyboard controls should allow the user to navigate between thumbnail pages when showImageNav="FALSE".)
In the meantime, the workaround would be to set showImageNav="TRUE".
@ryan
As far as I am aware, there are no plans to introduce the ability to allow users to define multiple image sources for a Juicebox gallery.
However, thank you for your suggestions.
@gfs
If you split the Large Screen Mode's display (of thumbnails and main imags on the same page) into separate thumbnail and main image pages, then that essentially is Small Screen Mode (and you can force Small Screen Mode by setting screenMode="SMALL").
Could you perhaps be more specific about what you are looking to achieve (if neither Small Screen Mode nor Large Screen Mode give you the result you are looking for)? Thank you.
The separate thumbnails and main image screens are unique to Small Screen Mode.
In Large Screen Mode, the thumbnails and main image are always displayed together on the same screen (though you can position and arrange the thumbnails using the available thumbnail configuration options).
You would need to set showImageNav="TRUE". Setting showImageNav="FALSE" (as your gallery currently does) hides the navigation arrows on the thumbnail and main image pages.
I will notify the developers that there is currently no way to navigate through thumbnail pages in Small Screen Mode in desktop browsers when showImageNav="FALSE".
Thank you for pointing this out.
Create a Juicebox Gallery page, upload your images on the 'Upload' tab, then go to the 'Images' tab and deselect the checkboxes in the '_blank' column. This will change the linkTarget from the default value of '_blank' to '_self' and the links will be opened in the same (rather than a new) browser window.
This functionality was introduced in Showkase v1.1.0. For a list of changes, please see the Version History.
If you want to force Juicebox-Pro to display your gallery in Small Screen Mode in desktop browsers (to allow users to browse through pages of thumbnails on all devices and in all browsers), set screenMode="SMALL" (in JuiceboxBuilder-Pro's 'Customize -> General' section).
In Small Screen Mode, the number of thumbnails displayed depends on the space available in the user's browser window.
If there is not enough space to display all the thumbnails in the gallery on a single page, thumbnail navigation arrows are displayed to allow users to navigate back and forth through the pages of thumbnails.
If you do not see these thumbnail navigation arrows in your own gallery, please post the URL to your gallery so that I can take a look.
You can introduce a space around the entire gallery (which will separate the thumbnails from the edge of the browser window) by increasing the value of the stageBorder configuration option (in JuiceboxBuilder-Pro's 'Customize-> General' section).
Increasing the thumbPadding will also separate the thumbnails from the edge of the browser window (but will increase the space around all the thumbnails which you may not want).
Set showImageNumber="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> Caption' section) to show the image numbers.
To remove all other image titles and captions, go to 'Images -> Titles -> Use None' and 'Images -> Captions -> Use None' from the drop-down menu at the top.
The image numbers (which form part of the caption) can be positioned using the captionPosition configuration option.
Check that your image filenames use only web-safe characters (uppercase and lowercase letters, decimal digits, hyphen, period, underscore, and tilde) and not other characters such as commas or apostrophes.
If you have manually deleted any images or modified the gallery's XML file outside JuiceboxBuilder, open the 'config.xml' file in a plain text editor and check that each <image> entry corresponds to a file in the 'images' folder.
If neither of the above suggestions help, please post the URL to your gallery so that I can take a look and help further.
I do have a follow-up question on how to display "all" tagged photos in my flickr photostream in my gallery as that will be the default view of her portfolio.
If all of your images are tagged, then you can display all your images by just using flickrUserName="username" (and not using the flickrTags option).
If only some of your images are tagged and you want to display only the tagged images, then set flickrTagMode="ANY" and include all your tags in a comma-separated list using the flickrTags option, e.g. flickrTags="tag1, tag2, tag3".
Or should I just create a tag named "all" and assign it to every photo?
That will work, too.
For reference, descriptions of the 'Flickr Pro Options' can be found here.
The color of the Button Bar icons can be set via the buttonBarBackColor, buttonBarIconColor and buttonBarIconHoverColor configuration options (descriptions of which can be found in the Color Options section of the Config Options page.
I'm not sure if I should create a new page with a new gallery for each room
This would certainly be the easiest approach and would be the only solution which could be achieved with WP-Juicebox (the Juicebox plugin for WordPress).
(You could still use Flickr tags for each gallery.)
or if I can create one gallery and use some javascript in the links to have the gallery reload showing only certain photos with those tags
This would certainly be possible but might be difficult to achieve in a WordPress environment (and it would not be possible with WP-Juicebox).
Here is an example of how it could be achieved using a sample gallery's 'index.html' file as a template. (The loadGallery function's parameter is the actual Flickr tag you would like to use for each gallery.)
You could manually upload your gallery files to your web server and copy and paste the relevant code from below into a WordPress page or post (modifying it as required to suit your needs).
<!DOCTYPE html>
<html lang="en">
<head>
<title>Juicebox-Pro Gallery</title>
<meta charset="utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<style type="text/css">
body {
margin: 0px;
}
</style>
<script src="jbcore/juicebox.js"></script>
<script type="text/javascript">
function loadGallery(tags) {
new juicebox({
galleryWidth: '800',
galleryHeight: '600',
containerId: 'juicebox-container',
useFlickr: 'true',
flickrUserName: 'your_flickr_user_name',
flickrTags: tags
});
}
$(document).ready(function() {
loadGallery('tag1');
});
</script>
</head>
<body>
<div id="juicebox-container"></div>
<div id="links">
<a href="#" onclick="javascript: loadGallery('tag1'); return false;">Tag 1</a>
<a href="#" onclick="javascript: loadGallery('tag2'); return false;">Tag 2</a>
<a href="#" onclick="javascript: loadGallery('tag3'); return false;">Tag 3</a>
</div>
</body>
</html>
If you want to update an existing gallery on your web server, you just need to replace the original gallery files with your modified ones.
If the typo you noticed is in a title or caption, then you need only replace the 'config.xml' file.
If you are in any doubt as to whether or not the original gallery files are being overwritten with your new versions, try deleting the original gallery files from your web server first before uploading the new files in their place.
After uploading the new files to your web server, you may need to clear your browser's cache before reloading the gallery to ensure that your browser is not hanging onto and using older versions of your gallery files.
I'd like to put a Pintrest button centered below the large portfolio image instead of having it appear top right.
The Pinterest button is part of the Button Bar which can be positioned using the buttonBar configuration option (in JuiceboxBuilder-Pro's 'Customize -> Button Bar' section). Possible values for this option can be found in the description of the option here. (The Button Bar cannot be positioned below the main image and the Pinterest button cannot be separated from the Button Bar.)
I'd also like to change the button itself to be a different one.
You can change the icons used in the gallery by following the Using Custom Icons instructions in the Theming support section.
I have gone with a setting of Max image Size of 1024x768 and let it resize my images down from the larger files I have started with.
This sounds ideal. When creating a gallery with JuiceboxBuilder-Pro using the default settings (of 1024px x 768px at 80% quality), the resulting images will be approximately 120KB each.
This is usually a good compromise between file size and image quality for web gallery use.
By doing so isn't it discarding any excessive resolution that is not needed to support more than that?
That is correct.
Is there anything that should be done to assist with faster download times without sacrificing too much visual quality?
The default settings usually work well for most images (and it sounds like you are happy with your own results) but you may want to tweak the quality setting (on JuiceboxBuilder-Pro's 'Images -> Image Size -> Change...' section) if your resized images do not look visually pleasing.
You could also try changing the imagePreloading configuration option (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section) from the default value of 'PAGE' to either 'NEXT' or 'NONE' to prevent the browser from initially caching all the main images on the first thumbnail page. This should speed up the initial loading of your gallery if it seems slow.
However, if your gallery loads quite quickly already, you may not need to do this and keeping imagePreloading="PAGE" may be beneficial.
It sounds like a temporary glitch with either your web host or internet connection may have contributed to a timeout when Juicebox was fetching the XML file from your web server.
Your gallery displayed OK when I viewed it just now.
Try upgrading your gallery from Juicebox-Pro v1.1.1 to the current version (v1.3.2) as many bugs have been fixed since v1.1.1. Please see the Version History for a full list of changes.
For details on how to get the latest version and instructions on how to upgrade existing versions, please see the Upgrading Juicebox page.
Incidentally, I notice that some your gallery's images are rather large. (Some are over 1.5MB each.)
Try reducing the file size of your images and they should load faster in your gallery.
When creating a gallery with JuiceboxBuilder-Pro using the default settings (of 1024px x 768px at 80% quality), the resulting images will be approximately 120KB each.
This is usually a good compromise between file size and image quality for web gallery use.
Posts found: 4,451 to 4,475 of 5,851