I also wondered if some of the things I've manipulated in the theme.css file might be having some sort of an effect here too. I was using a custom css theme file on an earlier site that embedded JB but since I'm using Showkase now I replaced the stock css file in the admin/plugins/juicebox folder with that older custom one. Was much css changed in the 1.4.3 update? I hate the idea of going through my custom file and trying to find all the things I changed and then manipulate the new one with the same changes.

Steven wrote:

@cprblak
Please post the URL to your gallery so that I can take a look at the problem and investigate further. Thank you.

Since I reverted back to 1.4.2 there's nothing to look at now. If I update to 1.4.3 again I'll post a link.
The navigation on the stage was working fine and positioned correctly until the update.

Is your desktop monitor a touch-screen device?
What happens when you hover over the left and right sides of the main image? Do the main image nav buttons appear?

No it is not touchscreen. The arrows appeared only on and after the 2nd image. No hovering on the first image would make them appear. The after that they appeared on the image even though I had Stage set as the pref.

I've found with the 1.4.3 update my nav arrows completely disappeared on full size desktop gallery view with the first image. If I clicked where I thought they should be they appeared on the 2nd image even though I have "Stage" as my pref for where they should appear.
Reverting back to 1.4.2 solved the problem.

I've updated the plugin whenever I see a new version is out. The comments say: Build Time: 05/27/2014 03:54:54 PM. So it's recent, but I still have the issue. I tried to download the 1.4.2 version last night but I was told the link in my email was out of date and it would take up to 3 days to get a new link!

In the meantime I have the Juicebox builder 1.4.1 app so I thought I'd try that for a change. Very interesting using that vs. the LR module which is the only thing I've ever used. I like using LR since I'm familiar with the interface and like how I can move PSD images from my library in and out of the folder to be used in JB then export. What I've been doing today is opening my current galleries from within the app then over writing them. This has remedied the javascript issue.

I'm pretty sure I'm using the latest version. Although in Lightroom the plugin module says 1.2 but the jbcore folder says June 2014. I can't seem to find the version number in Lightroom anywhere.

I'm embedding a Juicebox gallery into a page and have been having problems with it actually appearing on the page. I traced my issue to a piece of code that I inserted in the head to make a CSS menu work.

The code is;
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

If I take that out, then Juicebox appears just fine, but then the menu doesn't work correctly.
Any ideas on what might be causing this or what I could do?

Thanks.

8

(6 replies, posted in Juicebox-Pro Support)

In this version I have reduced the thumbnail margin:

.jb-idx-thumb {
margin: 1px !important;
}

I have made the rows and columns:

maxThumbColumns="12"
maxThumbRows="3">

I have 36 images in the gallery. Why do only the first 33 show?

http://goo.gl/YpyfDd

9

(3 replies, posted in Juicebox-Pro Support)

Any reason for the custom icons in the custom CSS not being recognized?

10

(6 replies, posted in Juicebox-Pro Support)

Well you answered the question of why, but my dilemma is that I'm only using JB in Large Screen Mode so it looks sort of funky ending in a seemingly arbitrary way:
http://goo.gl/yQ7U1M

11

(6 replies, posted in Juicebox-Pro Support)

I'm trying to set up a grid of small thumbnails.
I have the max columns set to 11 and the max rows set to 3.

This is what I get:
http://goo.gl/N7fJHP

So the max number in the grid is the rows x columns? And even though I have 50 or so images in the gallery, one grid will only show 33 before it goes to the next page? That seems sort of awkward. I would think the images would fill out the grid and not stop at the combo of rows and columns.

12

(3 replies, posted in Juicebox-Pro Support)

I use JB through Lightroom and have been using the same custom css theme for months now with custom icons.

Example:

.jb-navigation .jbn-left-button:before, .jb-flag-large-screen-mode .jb-navigation .jbn-left-button:before
{
    content: "\e009";
}
.jb-navigation .jbn-right-button:before, .jb-flag-large-screen-mode .jb-navigation .jbn-right-button:before
{
    content: "\e008";
}

Tonight I finally updated to Juicebox 1.4.1 by replacing the jbcore folder in my Lightroom web gallery. Now when I export using the same LR templates I've always used, the icons in my theme are not being seen. The custom theme is linked properly* because other elements on the page change, but the icons go back to the Juicebox default.

Any idea why this is happening?

*Also I noticed that the config.xml file is adding elements that seem to be the Juicebox Lite options. And when those items appear, the custom css file does NOT link.

With an earlier version of JB the beginning of my config file looked like this:

useFlickr="FALSE"
    galleryTitle="Photo Illustration "
    showOpenButton="false"
    showExpandButton="false"
    showThumbsButton="false"

After the update I get this:

useFlickr="false"
    galleryTitle="Photo Illustration"
    textColor="rgba(255, 255, 255, 1)"
    thumbFrameColor="rgba(255, 255, 255, 0.5)"
    showOpenButton="false"
    showExpandButton="false"
    showThumbsButton="false"
    useThumbDots="false"
    useFullscreenExpand="false"

Why does now add those other lines? Why do they seem to affect the custom css from linking?

As I said the only thing that has changed was doing the update. Everything else in LR such as the templates, all worked fine before the update.

***I went to a backup from 2013 and replaced the new 1.4 jbcore folder. And voila, the custom icons show. But LR is doing something weird because it still says it's JB 1.4 which it can't be since it's from 2013.
So something in the update must be affecting the icons?

I have direct links selected as an option and noticed after updating to 1.3 they no longer worked. Looking at the config.xml file see that the line now reads:

enableDirectLinks="TRUE&gt;"

Where did the &gt; come from?
Taking that out enabled the links again.
Just an FYI.

(Note that I'm exporting from Lightroom).

14

(5 replies, posted in Juicebox-Pro Support)

Thanks Steven! Everything worked as it should, although they were switched for me. So what is listed as Main was Thumb and visa versa. Also downloading the new fonts resulted in the Back button number being changed. So it just had to be given the corresponding number in the new font.

And here's a weird thing. The fonts created by iconMoon would display properly on my local machine but would not even copy to the server. I've never had a file not want to copy. It turns out the font files had a creation date 5 hours into the future. So I had to "touch" them to make the creation date up to date. Very strange.

15

(5 replies, posted in Juicebox-Pro Support)

Hmm, I can't seem to get this. For instance the right button on both areas seems to have the same class .jbn-right-button:before. So short of creating a new class for one or the other, changing the id results in the same icon even on a separate line.

16

(5 replies, posted in Juicebox-Pro Support)

Since we can control the icons easier now (thanks!) is there a way to differentiate what is used for the gallery and thumbs? Right now they use the same number which results in the same icon.

.jb-navigation .jbn-left-button:before, .jb-flag-large-screen-mode .jb-navigation .jbn-left-button:before
{
    content: "\e000";
}
.jb-navigation .jbn-right-button:before, .jb-flag-large-screen-mode .jb-navigation .jbn-right-button:before
{
    content: "\e001";

17

(4 replies, posted in Juicebox-Pro Support)

OK, I figured this out. Since I use a custom theme the folder needs to be updated with what came with 1.3 Other people with custom themes should be aware of this.

Regarding custom fonts: I'm not sure of this but since the CSS calls for the fonts to be "juicebox" with a lowercase j shouldn't the custom name given to them in iconMoon be the same? The documentation says to rename them Juicebox with and uppercase J.
http://goo.gl/PEHOq
Just a thought.

18

(4 replies, posted in Juicebox-Pro Support)

Maybe, maybe not! I replaced the folder and exported using my previous settings just to make sure everything was working the same. For some reason the arrow for the thumbnails seems to be in a different position now overlapping the last thumbnail (on both ends) and is not centered. I didn't change anything, just a straight export.

The left image is 1.2, the right is 1.3
http://goo.gl/cz8io

19

(4 replies, posted in Juicebox-Pro Support)

I know you mention plugins being updated in the next few days but if I'm antsy can the LR plugin be updated by dragging (+ replacing) the jbcore folder from the 1.3 download to the LR plugin?

Well I have many pages using my custom theme.css so to remember to move it every time I create a new gallery might be a bit of a hassle. I think for the time being I'm just going to disable the Splash page.
It would be nice if expandInNewPage could be given a URL that could then be assigned.

Here you go. Just try it on a small mobile device to see what I'm talking about.

Remember I'm only using this as a fall-back to my mobile site so my main question is why when clicking on the Gallery image I'm taken to the jbcore/full.html page and why is it blank.

Thanks.

Great info, thanks Felix.
The only thing I still can't figure out though is how to have the link that is clicked to see the gallery fullscreen go to the juicebox/index page and not to jbcore/full.html where it doesn't load.

I should also note that my setup is with a folder that includes an index file (with the gallery embedded) and and a sub-folder with all the juicebox files.

I have Juicebox embedded in a DIV that is not 100% so I know it's not going to work on a mobile device fullscreen on my page. Instead, I have a mobile detect script that sends viewers to a subdomain for my mobile site.

I went to one of my Juicebox gallery pages just to see what would a page would look like on my iPhone anyway. It turns out the gallery does not load as expected, but the DIV is taken up with the first image in the slideshow along with type that says how many images are in the gallery along with a link that says View Gallery. Interesting. When I click View Gallery I'm taken to the /juicebox/jbcore/full.html file. Which doesn't load and says it can't find the XML file.

If I manually change the URL to the juicebox/index.html file the slideshow appears full screen.

Is this the expected behavior?

1) Why is that link taking the viewer to the /juicebox/jbcore/full.html file?
2) Is there a way to change that View Gallery link to be the juicebox/index file?

That way if for some reason the detect script is bypassed, I know some kind of gallery will appear.

24

(5 replies, posted in Juicebox-Pro Support)

Steven wrote:

Try something like:

<a href="http://www.example.com/" style="color: #ff0000">Click here</a>

Worked like a charm! Thanks for the quick reply on this and other questions. Much appreciated.

I tried combinations of all the button options and what eventually worked was this code to a.jb-go-back-icon in combination with backButtonPosition="TOP".

margin: -3px !important;
padding: 0px !important;

I've changed so many other things in the CSS so who know what else might have affected this!