1 Reply by antonputtemans

(5 replies, posted in Juicebox-Lite Support)

Thanks so much for the info.
I just tried 

http://localhost/WPtest/wp-content/plugins/wp-juicebox/config.php?gallery_id=1

And it outputs the XML perfectly.

So you are saying I could feed this file with the `configUrl` option??

            new juicebox({
                configUrl: 'http://localhost/WPtest/wp-content/plugins/wp-juicebox/config.php?gallery_id=1 '
            })

Go to forum: Juicebox-Lite Support

2 Reply by antonputtemans

(2 replies, posted in Juicebox-Lite Support)

OK I understand, thanks for the explanation Steven
Just out of interest, I did a quick

jQuery.fn.jquery;

and that resulted in v1.7

Let's try the other way around than :-)
So I assume I can use all functionality from the compiled 1.7 version in the page?
Or is it a stripped down version maybe?

EDIT: OK I just read your reply with more attention, nevermind

Go to forum: Juicebox-Lite Support

3 Topic by antonputtemans

(2 replies, posted in Juicebox-Lite Support)

On the Tour page I read:

jQuery Compatible
Juicebox is built with jQuery and is compatible with all versions of jQuery and other JavaScript frameworks.

I don't get that I tried building a test gallery with JuiceboxBuilder-Lite.app
In the HTML jQuery is not loaded, nor in the examples on your demo pages.

Looking at the jbcore/juicebox.js script at a whomping 200kb I could only assume jQuery is somewhat compiled into the obsfuscated file? Am I correct?
But on a page where I already have a copy of jQuery loaded it's a waist of filesize...
Do you provide a juicebox.js without jQuery compiled?

Go to forum: Juicebox-Lite Support

4 Reply by antonputtemans

(5 replies, posted in Juicebox-Lite Support)

I Steven and thank you for the quick reply!

Ok I have been giving this some thought and have also been reading the excellent documentation.
Your idea of having a JB outside the Wordpress environment is not bad at second though.
I said second because of course this defeats the purpose of using Wordpress as a CMS, after all I would like my client to be able to manage his content and also images from WP.

But looking at the PRO options I could write a PHP page that spits out the XML file using `configUrl: 'config.php'
Config.php would have to access the WP database and write the nodes of a certain gallery, created by the client in the backend.
I still have to do some research on how to do that but it's a good idea.
So basically in a WP page or post I link my thumbnails to for example:

<a href="/photos/?id=6"><img src="wp-content/uploads/image5.jpg" /></a>

That way a page with a 100% Juicebox with all the photos I want to show is accessible from mysite.com/photos/ and a specific ID could be passed with PHP's GET. I could pass this with a technique I used before like this:

<?php
    // capture image ID with GET, check if it's an integer
    $img_id = isset($_GET['id']) ? (int) $_GET['id'] : null;
    if (!$img_id) {
          // if the ID is not set or not an integer, use the first image ID
          $img_id = 0;
          // NOTE: JB will automatically default to 0 when the ID is out of range, example ID 1000
    }
?>
<!DOCTYPE html>
<html lang="en">
    <body>
        <!--START JUICEBOX EMBED-->
        <script src="jbcore/juicebox.js"></script>
        <script>
            var img_id = <?php echo json_encode($img_id); ?>;
            new juicebox({
                containerId: 'juicebox-container',
                firstImageIndex: img_id
            });
        </script>
        <div id="juicebox-container"></div>
        <!--END JUICEBOX EMBED-->
    </body>
</html>

When a GET variable is provided (clicking on a thumbnail in a post or page) I could show a home / back button.

What do you think, would that work?

Go to forum: Juicebox-Lite Support

5 Topic by antonputtemans

(5 replies, posted in Juicebox-Lite Support)

Hello,

Very glad I found Juicebox! :-)
I am ready to get the Pro version, but first wanted to ask a few questions.

I am building a Wordpress website and I am looking for a better way to display my images than with using WP Jetpacks Carousel. http://jetpack.me/support/carousel/
What I DO like about JP Carousel is that it displays a cool moisaik of images and than clicking on one of those thumbnails takes you to an overlay screen with the same functionality than Juicebox. Only Juicebox looks so much more performant, cleaner and sexier. But most of all Mobile support is a MUST these days (just looking at your Analytics will make you realize)

So basically I am looking for such a concept, thumbnails in a post that take you to a (quasi) fullscreen photoviewer app.
I don't want to embed a Juicebox but just pass the thumbnail image ID and than maybe on another page instead of an overlay the image experience.
Is that possible to do with Juicebox? I have been looking at the JS API and the `showImage()` and `toggleExpand()` look interesting.

What I would like to avoid is having to load the juicebox.js core file on my page with the thumbnails. Is it possible to pass the image id as a parameter maybe? Than init the Juicebox on the new page with the image ID. Some kind of close button to go back to the WP page. I think I saw some sort of Home icon before?

An iFrame option came in my mind, maybe loaded into an overlay, but there seem to be some issues loading Juicebox into an iFrame. There seems to be some flickering during animations, at least here with my Chrome brower.

Go to forum: Juicebox-Lite Support