Nevermind, it had somethings do with some other settings I had. Thanks and sorry about that!

Thanks, I will give it a try. Thinking about it, maybe it would be better to leave the fade in on, but by using javascript tell e.g. the header not to fade in (as I have jukebox embedded in my own index.html the header always fades in when switching galleries...). Any ideas?

Hi,

Is there a way to turn off the fade in of the jukebox gallery on page load? I've embedded the jukebox gallery on my website and now even my header with navigation fades in when I switch from one gallery to the other. I would like to prevent that from happening. (My image transition is set to SLIDE, which should have nothing to do with it)

Thanks,
Patrick

YES! Sorry, totally missed

var jb =

THANKS!

Tried again with the script from the other post

<script type="text/javascript" src="jbcore/juicebox.js"></script>
<script type="text/javascript">
    var jb = new juicebox({
        containerId: 'juicebox-container',
        galleryWidth: '100%',
        galleryHeight: '100%',
        backgroundColor: 'rgba(223,223,223,1)'
    });
    jb.onInitComplete = function() {
        $('#juicebox-container').find(':first-child').focus();
    };
</script>
<div id="juicebox-container"></div>


Checked the The Web Inspector and I'm getting

Can't find variable jb

Any ideas?

Yeah, that's what I found when I was searching for a solution, but unfortunately it doesn't work for me....

Hi,

I've just updated to Jukebox v1.4.4 and now the forward arrow key doesn't work on the initial image when the gallery is loaded.

My juicebox gallery is embedded in my website and if I use the old juicebox.js (1.4.3.1) it works on the initial image. Anything I can change in the new juicebox.js (1.4.4.1) to get it working again?


Thanks.

OK! I guess I figured it out by adding 'margin-top:70px;' to 'div.jb-dt-main-frame' in the theme.css

Hi,

Is there a way to move the image & caption down without changing the stage padding and the padding between image and caption?

https://dl.dropboxusercontent.com/u/237 … _image.jpg

I'm working with the css, but I can't figure out how to separate the image from the caption. I currently have a stage padding of 20, but don't want to increase it so that my caption area is a wide as possible and so that my nav arrows are as far left and right as possible. I would like to move image and caption (incl. page number) as is about 70px down (I'm still planning to change the image size)

Ideas?

Thanks,
Patrick

10

(496 replies, posted in Juicebox-Pro Support)

@Steven

Steven wrote:

You could perhaps use CSS margin and padding properties to shift the titles and captions slightly.)
You could maybe use a caption such as:

<caption><![CDATA[<span style="margin-left: 20px;">Caption text goes here.</span>]]></caption>

Thanks, Steven! This worked pretty good, although it was a bit of pain to do this in 50+ galleries

11

(496 replies, posted in Juicebox-Pro Support)

Love Juicebox! It would be even better if the captions with the properties "CAPTION POSITION: BOTTOM" & CAPTION HALIGN: CENTER" would be really centered when "SHOW IMAGE NUMBER" is activated (it's always a little bit off) or to have the option to center the image number, too.


Thanks,
Patrick