...i have done all.
it will not work
:(

http://portfolio-noir.com/TEST/TEST2/

:-/
sorry again
:-/

i load only the original files from juiceboxbuilder pro in the file folder
and modifikate only the original index.htm 1:1 like the dicreption.
the image1.jpg & image2.jpg are in the file folder too.

the W3C Markup Validation Service say´s -> OK

http://portfolio-noir.com/TEST/TEST2/

please rescue me


<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Juicebox Gallery</title>
        <meta charset="utf-8" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="description" content="This is a Juicebox Gallery. Get yours at www.juicebox.net" />
        <style type="text/css">
            body {
                margin: 0px;
            }
        </style>
    </head>
    <body>
        <!--START JUICEBOX EMBED-->
        <script src="jbcore/juicebox.js"></script>
        <script>
            jb = new juicebox({
                containerId: 'juicebox-container',
                backgroundColor: 'rgba(0,0,0,0)'
            });

            jb.onShowThumbs = function(isShowing) {
                var element = document.getElementById('juicebox-container');
                var image;
                if (isShowing) {
                    image = 'image1.jpg';
                } else {
                    image = 'image2.jpg';
                }
                element.style.backgroundImage="url('" + image + "')";
            };
        </script>
        <div id="juicebox-container" style="background-image: url('image1.jpg');"></div>
        <!--END JUICEBOX EMBED-->
    </body>
</html>

hello & thanks.
i copy the images 1 & 2 in the main file folder and the part:

<div id="juicebox-container" style="background-image: url('image1.jpg');"></div>

works fine. but in this part:

jb.onShowThumbs = function(isShowing) {
        var element = document.getElementById('juicebox-container');
        var image;
        if (isShowing) {
            image = 'image1.jpg';
        } else {
            image = 'image2.jpg';
        }
        element.style.backgroundImage="url('" + image + "')";

.
must be something wrong.
it doesent work
:-/

sorry & please help

www.http://portfolio-noir.com/TEST/TEST2/black-and-white.htm

thanks a lot!!

:-/
can you give me a example?
please.
thank you for help

Hello together,
at my gallery i had a background image at the thumbnails
that you can see if you slide the main image slow.

www.portfolio-noir.com/TEST/TEST2/

i dont want to see the background image at "sliding the main image"
(the frame around the thumbnails is the background image)

is it possible?
can anybody help me, please?

cheers & greetings
eric