1

(1 replies, posted in Juicebox-Pro Support)

Hi all! Hope you can help me.

There's a very strange happening.  I have 3 main gallery embedded in 3 different pages in my website.
When I look at them in mobile, 2 of them show the splash page, but the third shows it only the first time I view it but then it shows half a thumnails gallery.

you can visit the website www.andresvivo.com

The gallery that's giving me trouble is the one named "Urbano" in the menu.

Thanks!

I got everything except this part... sorryyy!!!

You'd also need to pass the value of what would be the data-toggle attribute (in a regular non-gallery link) as a parameter in the call to the function (in the linkURL), e.g.:

linkURL="javascript: custom_function('xyz');"

(This assumes that 'xyz' is a valid data-toggle attribute for your scenario. Just change this for each linkURL as necessary.)

In the non-gallery pages, data-toggle calls a page to load. For example I have a page called congreso2019.php so my script is data-toggle="congreso2019"

In the link option you describe I tried linkURL="javascript: custom_function('congreso2019');" Is this correct? Because it didn't work...

I'm sure I followed the rest of your instructions correctly.

Thanks again for all your help :)

Awesome Steve! Can't thank you enough. I'll try that and let you know. :)

Thanks so much Steve! Sorry to bother you further with this! Java is way out of my league and I've "inherited" the website, LOL.
Personally, I would have done it differently.

Let's see if I understood...

Are you saying I should replace the custom JavaScript function you used:
<script>
    function custom_function(text) {
        alert(text);
    }
</script>

with my original code?
<script>
$('.link').click(function(){
        callDinamicPage('mainContent', $(this).attr('data-toggle'), 'page', '');
    });
</script>

AND, in order to use the linkURL what should I replace "custom_function" with? Let's say I have an image called photo1

linkURL="javascript: custom_function('photo1');"

???
I'll very much appreciate your help with this! But hey, do not worry if it's too much to ask! I'll totally understand :)

Hi Steve! Thanks for your prompt answer!

I've just uploaded the updated site. You can take a look at www.sapu.org.uy

What I was trying to explain is that all the pages load into the index page "mainContent" area through the script I posted above. That is dynamically and not into an iframe.

My gallery is embedded in the home.php page. So if I use the imageClickMode: 'OPEN_URL' the target can't be an iframe id/name.
Somehow, and that's my issue, the pages linked to each image should also be able to "call" that script and load into the index.php.

Don't know if this is even possible to do in juicebox pro.

Thanks a lot for any help you can provide!

Hi everyone!
I have a complicated (for me, LOL) issue to solve.
The website I'm working with uses a code to dynamically load the rest of the pages into the index.php

<script>
$('.link').click(function(){
        callDinamicPage('mainContent', $(this).attr('data-toggle'), 'page', '');
    });
</script>

If I use the imageClickMode="OPEN_URL" in the config options, the gallery opens the link in a new page or over the index depending on the target I set.

Is there any way or place where I can insert the dynamic script to make the linked pages open as the rest?

Thanks all for any help  you can provide!

I removed the z-index from my header and found out the right @type for my web at schema.org Now everything is working just fine :)

Thanks!!!

Great, Steven. I'll try removing the z-index 100 from the header and review the others. Thanks so much for your help!

Thanks for your prompt reply, Steven!

You'll be able to see the problem in this page.
http://www.adrianmueblesinfantiles.com. … orios.html

When you navigate the "Productos" submenu, and you get to the last items that overlap the gallery, you can't click on them because the menu disappears.

As to the index page I posted before, no gallery was meant to appear there. The juicebox codes I had were only an example I had to apply to other pages :)

Hope you can identify the stacking problem now. Thanks!

Hi everyone! I'm having trouble with the stacking order of a menu and a juicebox gallery. Whenever I want to click on a submenu item which is over a gallery, the submenu disappears and I cannot click on it. I have already set the menu z-index at 9999 but it still doesn't work.

Any help is much appreciated. Thanks!

the website is www.adrianmueblesinfantiles.com.uy

11

(3 replies, posted in Juicebox-Pro Support)

Steven, thanks so much for your prompt reply. It's been most helpful.

As you said, I must have had a cached version of my page as now I'm seeing the splash page as intended. :) With it, most of my problems viewing from a mobile have been solved.

Thanks again!

12

(3 replies, posted in Juicebox-Pro Support)

Hi, hope you can help me with some issues I'm having viewing the galleries in mobile phones. They are embedded in a web page.

1. Instead of the traditional "splash page" (see https://www.juicebox.net/demos/pro/splash/ ), I'm getting a thumbnails table. My config file is set to splash page AUTO.

2. Also, IF the splash page was shown as before, is there a way to insert a "back to page" button for the user to touch and get back to the original web page where the gallery was inserted.

3. Whenever I slide my finger down the page, I get "stuck" in the gallery. I can't go up or down the page unless there is some other part of the page visible.

4. The captions which are set to "overlay" the image, are shown separately with a wide blank space between them and the image.

This is the link to the page I'm talking about http://adrianmueblesinfantiles.com.uy/t … bles2.html

Thanks for any advice you can provide!



P.S.: BTW, I had already posted about this earlier but my topic doesn't show in the list :/

Thanks! I did that and it worked, although I still have too much space on top. Maybe it's because the images are not exactly the same size. I'll try adjusting them. You can check that out here http://tinyurl.com/nwl62xa

All what I'm talking about is when I view the galleries in mobile phone. Another thing, the images still "flicker"or seem to load twice. And, how can I stop the autoPlay to stop when I accidentally tap or click on an image?

Thanks, Steven. In fact, I had set the height at 65% to "shrink" the gallery. I'm working with responsive grid based design, so there are practically no heights set. The gallery container hasn't got one for example.

Maybe there is another way of setting up a 100% height for the gallery and still have less space between the top and the image and the image and the thumbnails. Is there any padding or margins somewhere in the code I could adjust?

Anyway, you can see the example here: http://tinyurl.com/ofls48q

Hi. I'm having some problems with the galleries when I test them on a mobile phone.

1. The images are cropped in portrait and they become a "sliver" in landscape.
2. They seem to load twice :(


The gallery is set up with these parameters:

    maxImageWidth="570"
    maxImageHeight="427"
    galleryHeight="65%"
    showOpenButton="false"
    showExpandButton="false"
    showThumbsButton="false"
    enableAutoPlay="true"
    autoPlayOnLoad="true"
    displayTime="7"
    backgroundColor="rgba(255,255,255,1)"
    thumbFrameColor="rgba(255,255,255,0.5)"
    expandInNewPage="FALSE"
    enableKeyboardControls="true"
    enableLooping="true"
    showImageNumber="false"
    captionBackColor="rgba(0,0,0,0)"
    imageScaleMode="NONE"
    useThumbDots="false"
    showSplashPage="NEVER"
    screenMode="auto"

What could be wrong? Thanks!

Thanks a lot, Steven! Seems juicebox is exactly what I need. I'll purchase the Pro version :)

Hi all. I was wondering if there was a way to use juicebox pro as an image slider with autoplay and hiding the thumbnails. I'm building a new responsive site and I wish to have a slider in some pages and photo galleries in others.
Appreciate your help! Thanks!