1 Reply by amberlrapp

(6 replies, posted in Juicebox-Pro Support)

Thanks!  I looked through some more posts and implemented something like in your responsive demo.  I hope it works across all browsers and resolutions okay.  I have limited resources for testing.  :)

I *think* it is working though!!!

Also... is there anything I can do to improve the load experience?  Right now it shows blank until it is loaded...  Is there a way to have it show the initial image until it is loaded?

Go to forum: Juicebox-Pro Support

2 Reply by amberlrapp

(6 replies, posted in Juicebox-Pro Support)

Here's the other thing that is stumping me.  When I preview... it shows a gray area that says it can't be previewed in Chrome.  That gray area is exactly the right size.  When I make it live, it makes it too tall.

Go to forum: Juicebox-Pro Support

3 Reply by amberlrapp

(6 replies, posted in Juicebox-Pro Support)

Thanks for the response!

I have the gallery set to the exact same size as the images (1600x540).  I have it set to 100% in the div.  If I set it to to 100% width and 60% height, it then gets rid of the space.  But, I'm not sure if it will be very responsive anymore.  For instance, when I shrink the window, it puts space at the bottom again.  I'm not sure what it will do at higher resolutions either.

Go to forum: Juicebox-Pro Support

4 Topic by amberlrapp

(6 replies, posted in Juicebox-Pro Support)

I am beating my head against the wall... lol

I've searched through the forums and haven't found what I am looking for.

How do I make a slider gallery that is only the size of my image (no space on the bottom), and has NO thumbs?

Here is the webpage I am working on.  www.tightworksportfishing.com

The two photos I am using (haven't created the others yet) are 1600 x 540.  It doesn't fill the space and it has tons of space below it.

Also, I got rid of the thumbs... but it seems like its keeping the space there.

And, how do I get rid of the white blink between images?

Thanks in advance!

<script>
new juicebox({
baseUrl : 'index_gallery/',
containerId : "juicebox-container",
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "rgba(34,34,34,0)"
});
</script>

<?xml version="1.0" encoding="UTF-8"?>

<juiceboxgallery

    galleryWidth="1600"
    galleryHeight="540"
    backgroundColor="rgba(238,238,238,1)"
    imagePadding="0"
    captionPosition="NONE"
    galleryFontFace="Georgia,serif"
    textColor="rgba(51,51,51,1)"
    captionBackColor="rgba(0,0,0,0)"
    imageNavPosition="IMAGE"
    imageShadowBlur="0"
    galleryTitle="Gallery Title"
    galleryTitlePosition="NONE"
    buttonBarPosition="NONE"
    textShadowColor="rgba(0,0,0,0)"
    showAutoPlayButton="false"
    showThumbsButton="false"
    showOpenButton="false"
    flickrShowDescription="true"
    showExpandButton="false"
    useThumbDots="false"
    enableKeyboardControls="false"
    showPreloader="false"
    showImageOverlay="NEVER"
    thumbsPosition="BOTTOM"
    displayTime="2"
    showSplashPage="NEVER"
    topAreaHeight="0"
    imageNavPadding="0"
    navButtonIconSize="5"
    enableAutoPlay="true"
    useFullscreenExpand="true"
    imageTransitionType="CROSS_FADE"
    imageHAlign="LEFT"
    imageVAlign="TOP"
    screenMode="AUTO"
    enableLooping="true"
    maxThumbColumns="0"
    maxThumbRows="0"
    showThumbsOnLoad="false"
    showSmallThumbsOnLoad="false"
    showSmallThumbsButton="false"
    thumbPadding="0"
    thumbHoverFrameWidth="0"
    thumbSelectedFrameWidth="0"
    thumbShadowBlur="0"
    autoPlayOnLoad="true"
    showNavButtons="false"

>
  <image imageURL="images/FightEpicFishingBattles.jpg"
    thumbURL="thumbs/FightEpicFishingBattles.jpg"
    linkURL="images/FightEpicFishingBattles.jpg"
    linkTarget="_blank"
    sourcePath="C:\Users\Amber\Documents\Sea Leveler\Site Design\Tightwork\Slideshow\FightEpicFishingBattles.jpg">
    <title><![CDATA[FightEpicFishingBattles]]></title>
    <caption><![CDATA[]]></caption>
  </image>
</juiceboxgallery>

Go to forum: Juicebox-Pro Support