2,026

(3 replies, posted in Juicebox-Lite Support)

Ordinarily, if you want to have 1,000 different galleries on your web site, then you will have 1,000 gallery folders to deal with.

You could have all your images stored in a single folder on your server (as you currently do) but you would need to manually adjust the paths to the images in the gallery configuration files as JuiceboxBuilder would have no knowledge of the fact that you want to store your images in a custom location when you create your galleries.
Even using a global search and replace action in a capable text editor, this would take some time to do for 1,000 galleries.

It would be easier to keep each gallery in its own folder. It helps to keeps things organized on your server and you can just swap out an entire gallery folder if you want to update a gallery in the future.

Perhaps the most efficient way to do what you are looking to achieve would be to use a Flickr account as your source of images and tag your images accordingly.
Each gallery could then be configured to display only certain tagged images (using the flickrUserName and flickrTags options).

You should be able to tag images in bulk on Flickr so it might not take too long to set up.

You can then have all your galleries share a single 'jbcore' folder (rather than having one per gallery) to minimize the upload.
This has the added advantage that when a new version of Juicebox is released, you need to update just a single 'jbcore' folder on your server (rather than 1,000). Please see the Using an External jbcore Folder support section for details.

You can simplify things further by having all your galleries share a single dummy configuration file.
All galleries need to have a 'config.xml' file (even if its content is not used) but you could upload just one for all your galleries to share (all galleries would point towards the same 'config.xml' file via the configUrl option) and you could set all your configuration options in the embedding code (in your HTML pages). Please see the Setting Config Options section.

Now, with your images hosted and tagged on Flickr and with a single 'jbcore' folder and 'config.xml' file on your server, all you would need for each galley is unique embedding code in its HTML page.
For example, the embedding code for one gallery might look something like this:

<!--START JUICEBOX EMBED-->
<script src="path_to_shared_jbcore_folder/jbcore/juicebox.js"></script>
<script>
    new juicebox({
        containerId: "juicebox-container",
        galleryWidth: "100%",
        galleryHeight: "600",
        backgroundColor: "#222222",
        configUrl: "path_to_shared_configuration_file/config.xml",
        useFlickr: "TRUE",
        flickrUserName: "your_flickr_username",
        flickrTags: "iris_number_seven"
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

Alternatively, you could maybe have just one gallery and have its content change dynamically.
You could perhaps have a drop-down menu of all your iris varieties. When a user selects one, you could run a JavaScript function to load or reload the gallery with the chosen subject (setting the flickrTags option dynamically).
Take a look at this Lite Flickr demo gallery to see something similar in action. You can view the source of the web page in a browser and copy or modify the code to suit your own needs.
(The demo has a text box to allow any Flickr tags to be entered but, as your scenario has a known collection of tags, you could present the user with a drop-down list of existing tags to choose from.)

If 1,000 items in a drop down list is too many, then you could maybe have a few subheadings and split the idea into a few galleries (each with 100 or so drop-down entries).

When an iris variety is selected, the JavaScript function could do more that just reload a gallery if you wanted it to.
It could change or display other content on the web page. You could maybe have a synopsis of the chosen iris variety below the gallery which could change when the gallery is reloaded. Knowledge of JavaScript would be required but it could prove to be quite a powerful solution.

I hope this gives you some food for thought.

2,027

(3 replies, posted in Juicebox-Pro Support)

Yes, you can certainly replace an embedded AutoViewer gallery in a web page with a Juicebox gallery (or any other content, for that matter).
Just remove the AutoViewer embedding code from your web page (and delete your AutoViewer gallery files from your web server) and follow the instructions in the Juicebox Embedding Guide.

There are essentially two ways to embed a gallery into a web page:
(1) The regular way
(2) The baseUrl method

Using the regular way, you would first create a gallery with JuiceboxBuilder-Pro and save it to a folder. I recommend saving it to a new empty folder.
You would then copy the embedding code presented on JuiceboxBuilder-Pro's 'Publish' tab into your web page where you want the gallery to appear.
You would also copy the contents of the gallery folder (not the actual folder itself) to the same directory as the web page containing the embedding code.

The only difference in using the baseUrl method is that you would be able to upload the complete gallery folder (not just the contents) to anywhere on your web server.
All you then have to do is make sure that the two paths in the baseUrl embedding code (the path to the 'juicebox.js' file and the baseUrl itself, pointing towards the gallery folder) are correct.

Keeping the gallery files within the gallery folder should help to keep things organized on your web server and also makes life easier if you want to update the gallery in the future (as you would just have to replace the complete gallery folder on your web server).

I hope this helps.

2,028

(7 replies, posted in Juicebox-Pro Support)

I don't succeed in sorting them by date-taken-asc.

Maybe this FAQ will help in sorting your Flickr images:
How do I change the order of images from Flickr?

2,029

(1 replies, posted in Juicebox-Pro Support)

The default value for the flickrImageSize configuration option is LARGE.
Please see the Flickr Pro Options here.

If there is no LARGE image available, Juicebox will use the next size down (MEDIUM).
However, Juicebox does not display images smaller than MEDIUM and the problem is that your small images do not have a LARGE or MEDIUM size.

You can check which sizes are available for any given image by entering the Photo Id into the flickr.photos.getSizes Flickr API Explorer: https://www.flickr.com/services/api/exp … s.getSizes

For example, your 'DrVinny_100.jpg' image (100px x 100px) has only SQUARE, THUMBNAIL and ORIGINAL sizes (no MEDIUM or LARGE).

You could set either set flickrImageSize to ORIGINAL or ensure that your images have a MEDIUM version (at least 500px on the longest size).

2,030

(7 replies, posted in Juicebox-Pro Support)

This is certainly a problem related directly to Google+ (rather than Juicebox) and you might have better luck posting in a Google+ support forum.
However, it looks like Google are slowly decommissioning Picasa Web functionality.
As a test, I just created a new gallery under Google+ and although it appears in my Picasa RSS feed (so it appears to be public), its Google Album Id does not seems to be working in the Picasa Web Album API (and, consequently, the album cannot be displayed by WP-Juicbox).
Only Google really know what functionality they provide and there seems to be little definitive information about this subject on the web. (If you do a web search for 'make google photos album public' you'll find a few forum threads relating to this subject but it's as much information as I've found.)
The best information available is perhaps experimental evidence gained from your own findings and my own tests.
It looks like it is no longer possible to change the accessibility (private vs public) of a Picasa Web Album (although I cannot be certain about this, hence my suggestion to post your query in a Google+ forum) or to use the Picasa Web Album API in conjunction with a new (post-Picasa) Google+ Album Id.
Unfortunately, there is nothing that we can do to change this and, as far as I am aware, there is no workaround (other than to use a different platform to store and organise your images such as Flickr).

2,031

(3 replies, posted in Juicebox-Pro Support)

No problem.
You're welcome!

2,032

(7 replies, posted in Juicebox-Pro Support)

You're welcome!

2,033

(3 replies, posted in Juicebox-Pro Support)

I'm not sure exactly what you are asking.

If you are asking if it is possible for Juicebox to replicate an AutoViewer gallery (with portions of the previous and next images visible), then this is not possible.

However, if you are looking to simply replace an AutoViewer gallery in a web page with a Juicebox gallery, then this is certainly possible.
All you would need to do it replace the AutoViewer embedding code in your web page with the Juicebox embedding code (and make sure that the Juicebox files are in the correct location on your web server).
Instructions for embedding a Juicebox gallery in a web page can be found here.

If you are looking to convert an AutoViewer gallery into a Juicebox gallery, then this would not be quite so easy.
AutoViewer and Juicebox have different sets of configuration options and their XML files have different formats and use different tags. Also, there are other differences which would make a conversion difficult (such as the face that AutoViewer does not use thumbnails).
It would be easier to take the images from an AutoViewer gallery and use JuiceboxBuilder to create a new Juicebox gallery.
It would be much quicker that trying to manually convert an AutoViewer gallery to Juicebox.

I hope this helps.

2,034

(3 replies, posted in Juicebox-Pro Support)

You can rename your 'config.xml' file if you like and then use the configUrl configuration option in your gallery's embedding code to point towards it.
Please see the Embed Options here.
Sample embedding code might look something like this:

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
    new juicebox({
        configUrl: "jbconfig.xml",
        containerId: "juicebox-container",
        galleryWidth: "100%",
        galleryHeight: "100%",
        backgroundColor: "#222222"
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

2,035

(7 replies, posted in Juicebox-Pro Support)

@manray57

Is there a way on smaller screens to simply display all the images in more rows so they are all visible and the user can swipe through all of them versus having to page through?

Unfortunately, this is not possible. In Small Screen Mode, thumbnails are always displayed in pages.
The dimensions of a gallery are determined by the galleryWidth and galleryHeight configuration options and the size of the browser viewport. In order for all thumbnails to be displayed at once in Small Screen Mode, the dimensions of the gallery may have to change to accommodate them all and Juicebox was not designed with this functionality in mind.

However, please feel free to post your suggestion in the Feature Requests forum thread.
This keeps all the ideas together and ensures that they are not overlooked by the developers.
I do not know the likelihood of any suggestions being implemented but this is certainly the best place for all ideas.
Thank you.

2,036

(7 replies, posted in Juicebox-Pro Support)

If I go to https://picasaweb.google.com/data/feed/ … 8088651929 I am presented with an RSS feed of all your albums so 117363164378088651929 is certainly a valid Google User Id.
However, the Google Album Id 6315232953461261745 (from the URL in your last post) does not appear to be a valid Google Album Id for that account. That Google Album Id does not appear anywhere within the RSS feed data.

I do not know which album you are trying to display but if you use a Google Album Id from the links in the RSS feed page, the corresponding gallery should display fine.

2,037

(7 replies, posted in Juicebox-Pro Support)

You should be able to directly replace your Picasa User Id and Picasa Album Name in the WP-Juicebox interface with your Google User Id and Google Album Id/Name respectively.

How to find your Google User Id:
You can find your Google User Id by logging in to Google+ and clicking the 'Google+ Profile' link above the 'My Account' button (after clicking your custom image at the top right). Your Google User Id will be the 21 digit number in the URL (in your browser's address bar).

How to find your Google Album Id/Name:
Visit this URL in your browser and you'll get an RSS feed of your albums: https://picasaweb.google.com/data/feed/api/user/<User Id>
If you then hover over (or click on) an album, you'll see a 19 digit number (or possibly a name if it's an older album) at the end of the URL. This is the Album Id/Name which you can use in the WP-Juicebox interface.

Make sure album is public:
Visit this URL in your browser: https://picasaweb.google.com/<User Id>/<Album Id>
In the right-hand sidebar next to the thumbnail representing the album, make sure that the visibility setting is 'Public on the web'. If the visibility is set to any other value (e.g. 'Limited' or 'Only you'), the click the 'edit' link and select 'Public on the web'.

Hopefully this will help.

If you continue to experience difficulties, please let me know your Picasa User Name and Picasa Album Name and I'll try to help further. Thank you.

2,038

(12 replies, posted in Juicebox-Pro Support)

Thanks again Steven for your invaluable support. Really pleased with this slide gallery, and now have a good template for future use.

You're welcome.
I'm glad your getting on well with Juicebox and your web site.

I've promised myself to sit down and learn some fundamentals of JavaScript - and brush up on my CSS knowledge too!

In case you're interested, I find the Mozilla Developer Network is a good reference for all things HTML, CSS and JavaScript.
You might also like to check out W3Schools. It's maybe not as comprehensive as the Moz Dev Network but it's often easier to navigate through their web pages (less information to trawl through) and find something quickly.
I also use the jQuery JavaScript Library a lot. It can simplify the code required for complex JavaScript tasks.

Incidentally, I've just noticed that while viewing on a phone, I'm getting a rectangular shadow under the image captions.

This is due to captionBackTopColor having different default values for Small Screen Mode and Large Screen Mode.
Please see my posts in this forum thread for more information.
The solution is to ensure that a captionBackTopColor value is explicitly set in your gallery's configuration options (and this value will be used in both Small and Large Screen Modes).
Just set captionBackTopColor="rgba(0,0,0,0)" (in JuiceboxBuilder-Pro's 'Customize -> Color' section) and all should be well.

2,039

(1 replies, posted in Juicebox-Pro Support)

Juicebox was designed as an image viewer (please see this FAQ) and, as far as I am aware, there are no plans to introduce video support.
However, please feel free to post your suggestion in the Feature Requests forum thread.
This keeps all the ideas together and ensures that they are not overlooked by the developers.
I do not know the likelihood of any suggestions being implemented but this is certainly the best place for all ideas.
Thank you.

2,040

(12 replies, posted in Juicebox-Pro Support)

Initially, none of your buttons have the class 'selected'.
All you need to do is give a button the class 'selected' either directly via CSS, e.g.:

<li><a href="javascript:;" id="button-1" class="selected">Catwalk Vibrant Colours</a></li>

... or via (jQuery) JavaScript:

$('#slideNav li a:eq(0)').addClass('selected');

... where 'eq(0)' represents the first button, 'eq(1)' represents the second, etc.

2,041

(12 replies, posted in Juicebox-Pro Support)

Works a treat! Thank you.

You're welcome.

The last thing I need to be able to do now is be able to keep the buttons - which select the galleries - lit, when scrolling through the images.

I notice that the highlighted button loses its highlighting not only when browsing through gallery images but also when clicking anywhere else on your page so it looks like the problem is with the CSS styling of your buttons rather than directly with the gallery itself.

Try adding the following CSS to your 'maincss.css' file (at the end of the 'slideNav' section):

#slideNav li a.selected {outline: none; border-color: #FFF; border-color: rgba(255,255,255,0.65); color: #FFFFFF; box-shadow: inset 0px 12px 8px rgba(255,255,255,.2); background-color: #487799;}

... and add the following jQuery JavaScript to your web page (at the end of your existing $(document).ready(function() { ... }); section):

$('#slideNav li a').click(function() {
    $('#slideNav li a').removeClass('selected');
    $(this).addClass('selected');
});

This jQuery JavaScript code adds a CSS class to the button which was most recently clicked (removing the class from all other buttons) and styles it accordingly (with the new CSS rule added to your 'maincss.css' file).

2,042

(12 replies, posted in Juicebox-Pro Support)

Try setting your gallery's background color in the JavaScript embedding code instead of just in the 'config.xml' files.
Try changing:

function loadGallery(a, b, c, y, z) {
    new juicebox({
        containerId: "juicebox-container",
        baseUrl: y,
        galleryHeight: z,
        maxThumbColumns: a,
        maxThumbRows: b,
        thumbsPosition: c
    });
    tracker = true;
}

... to:

function loadGallery(a, b, c, y, z) {
    new juicebox({
        backgroundColor: "rgba(255,255,255,1)",
        containerId: "juicebox-container",
        baseUrl: y,
        galleryHeight: z,
        maxThumbColumns: a,
        maxThumbRows: b,
        thumbsPosition: c
    });
    tracker = true;
}

This should hopefully help.

2,043

(498 replies, posted in Juicebox-Pro Support)

@zarzash

Thank you for your suggestions.
If you are looking for a way to introduce more content than just a Juicebox gallery on a web page, then you might like to take a look at another one of our products, Showkase.
This forum post (and the links within it) should give you more information about Showkase (and the differences between Juicebox and Showkase).
Incidentally, it is possible to set the same title or caption to multiple images for a Juicebox gallery (or a ListViewer or SimpleViewer gallery) within the Showkase interface.

2,044

(5 replies, posted in Juicebox-Pro Support)

You're welcome.
Thanks for testing the fix.
I'll make sure that it's included in the next version of WP-Juicebox.

2,045

(5 replies, posted in Juicebox-Pro Support)

Thanks for posting in the Feature Requests thread.

2,046

(5 replies, posted in Juicebox-Pro Support)

I think I've found a solution to the problem.
Open the plugin's 'config.php', jb-config.php' and 'save-gallery.php' files in a plain text editor and change all instances of:

include_once $wp_path . 'wp-blog-header.php';

... to:

include_once $wp_path . 'wp-load.php';

(There is just once instance near the top of each file.)
I'd be very grateful if you could test this proposed solution in your own WordPress site and let me know if it works.
Thank you.

2,047

(5 replies, posted in Juicebox-Pro Support)

It would be easier if you just re-posted in the Feature Requests thread. Thanks.
(I can split posts into new threads but I can't move a post from one thread into another.)

2,048

(5 replies, posted in Juicebox-Pro Support)

It looks like certain permalink structures are causing the internal URLs used by WP-Juicebox to be rewritten (breaking the plugin).
My own tests suggest that using 'Plain' or 'Post name' permalinks works fine but using any of the others does not.

I'll investigate further and post back with my findings.

2,049

(5 replies, posted in Juicebox-Pro Support)

Thank you for your suggestion.

I recommend that you post your idea in the Feature Requests forum thread. This keeps all the ideas together and ensures that they are not overlooked by the developers.
I do not know the likelihood of any suggestions being implemented but this is certainly the best place for all ideas.

2,050

(1 replies, posted in Juicebox-Pro Support)

Ive been spending hours trying to embed my Juicebox Gallery into Muse.

Maybe these links will help:
Embedding With Adobe Muse: http://www.juicebox.net/support/embeddi … adobe-muse
Alternate Adobe Muse Embedding Instructions: http://www.muse-themes.com/blogs/news/6 … adobe-muse

1. (With a Transparent Checkered Pattern as the background) Unable to generate thumbnail

This sounds like a Muse-specific problem. I am not sure how (or if) this relates to Juicebox.

2. (With the background the color of my gallery) Config XML file not found

This is certainly a Juicebox problem and suggests that there is a problem with the path to the gallery's XML file.
Please see this FAQ:
When I view my gallery I see the message 'Config XML file not found'. How do I fix this?
Also, see note #1 below.

Is there anything wrong with my HTML?

I do not see anything technically wrong with your embedding code.
However, there are a few things to bear in mind.

(1) Using absolute paths in your embedding code (starting with 'http://'), the gallery will display only when uploaded to your web server. Otherwise the 'Config XML file not found.' message will be displayed. If you want to check your gallery locally, use relative paths instead. (I do not know your file structure so cannot give you correct relative paths to use.) Please also note this FAQ when viewing galleries locally:
When I view my gallery locally, I see the message "Juicebox can not display locally in this browser". Why?

(2) I have navigated to the 'http://www.joshblank.photo/Gallery/Mexico/jbcore/juicebox.js' location in a browser (the path from your embedding code) but the 'juicebox.js' file is not there. Make sure that you have uploaded your gallery files to the correct location on your web server. It looks like the contents of your gallery folder should be uploaded to your '/Gallery/Mexico/' directory.

(3) If you hardcode the 'www' subdirectory into your embedding code paths, then the gallery will work on 'www.joshblank.photo' but may not work on 'joshblank.photo'. Please see this FAQ:
My gallery works on 'www.example.com' but not on 'example.com' (or vice versa). Why?
Use paths with a leading slash to denote your root directory, such the following, and your gallery should work on both 'www.joshblank.photo' and 'joshblank.photo'.

<script src="/Gallery/Mexico/jbcore/juicebox.js"></script>
baseUrl: '/Gallery/Mexico/',

Essentially, your current embedding code should work absolutely fine as long as your the contents of your gallery folder are uploaded to the '/Gallery/Mexico/' directory on your web server and you view your gallery via a URL starting with 'htitp://www.joshblank.photo/'.

If you continue to experience difficulties, then the best thing to do would be to upload everything to your web server and post a link to the non-functioning gallery. Once I can see the problem live on your web server, I should hopefully be able to pinpoint the exact nature of the problem and help further.