Topic: Can't get floating, linkable, captions to show up.

Image with navigation shows up and works fine, but the captions do not. Everything looks fine within svBuilder-Pro.

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

<simpleviewergallery

    useFlickr="false"
    resizeOnImport="false"
    cropToFit="false"
    galleryWidth="544"
    galleryHeight="375"
    backgroundColor="FFFFFF"
    backgroundTransparent="true"
    thumbPosition="NONE"
    showOpenButton="false"
    showFullscreenButton="false"
    frameWidth="0"
    stageBorder="0"
    stageHPadding="0"
    stageVPadding="0"
    enableLooping="true"
    dropShadowStrength="0"
    enableKeyboardControls="false"
    imageFrameStyle="SQUARE"
    imageClickMode="NAVIGATE"
    imageScaleMode="NONE"
    buttonBarPosition="NONE"
    titlePosition="NONE"
    captionPosition="BOTTOM"
    displayTime="6"
    showAutoPlayStatus="false"
    autoPlayThumbs="false"
    autoPlayOnLoad="true"
    imageTransitionTime="1"
    flashBrightness="1"
    imagePreloading="ALL"
    imageTransitionType="CROSS_FADE"
    showNavButtons="false"
    showOverlay="HOVER"
    showImageNav="ALWAYS"
    imageNavStyle="CIRCLE"
    imageNavPadding="5"
    thumbColumns="4"
    thumbRows="1"
    captionPadding="5"
    enableCaptionLinks="true"

>
  <image imageURL="images/1BaronBed.jpg"
    thumbURL="thumbs/1BaronBed.jpg"
    linkURL="images/1BaronBed.jpg"
    linkTarget="_blank">
    <caption><![CDATA[<u><a href="ratesbarron.html"    target="_top">Barron Room: Queen bed. Great views. Large private bath. Sleeps two. Click for more.</a></u>]]>
    </caption>
  </image>

  <image imageURL="images/2GibbsBedWindowrev.jpg"
    thumbURL="thumbs/2GibbsBedWindowrev.jpg"
    linkURL="images/2GibbsBedWindowrev.jpg"
    linkTarget="_blank">
    <caption><![CDATA[<u><a href="ratesgibbs.html" target="_top">Gibbs Room: Queen bed. Great views. Large private bath. Sleeps two. Click for more.</a></u>]]>
    </caption>
  </image>

  <image imageURL="images/3russeloverviewrev.jpg"
    thumbURL="thumbs/3russeloverviewrev.jpg"
    linkURL="images/3russeloverviewrev.jpg"
    linkTarget="_blank">
    <caption><![CDATA[<u><a href="ratesrussell.html" target="_top">Russell Room: Two beds: Queen & double. Large private bath. Private entrance. Sleeps four. Click for more.</a></u>]]>
    </caption>
  </image>

  <image imageURL="images/4BricksideBedCornerrev.jpg"
    thumbURL="thumbs/4BricksideBedCornerrev.jpg"
    linkURL="images/4BricksideBedCornerrev.jpg"
    linkTarget="_blank">
    <caption><![CDATA[<u><a href="ratesbrickoutside.html" target="_top">Brick Cottage: Two beds: Queen & twin. Seprate building, Large private bath. Sleeps three. Click for more.</a></u>]]>
    </caption>
  </image>
</simpleviewergallery>


Embed HTML code:
<!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="SlideShowRates/svcore/js/simpleviewer.js"></script>
<script type="text/javascript">

var flashvars = {};
flashvars.baseURL = "SlideShowRates/";

jQuery(document).ready(function () {
SV.simpleviewer.load("sv-container", "544", "375", "transparent", true, flashvars );
});
</script>
<div id="sv-container"></div>
<!-- END SIMPLEVIEWER EMBED -->

Background is #663300 (chocolate brown), text is white. Image size is same as sv-container (544x375).

thanks for any help, -john-

Re: Can't get floating, linkable, captions to show up.

Please post the URL of the gallery that you are having trouble with.

Mike Richards
SimpleViewer Support Team.

Re: Can't get floating, linkable, captions to show up.

http://www.loram.org/rates.html

thanks, -john-

Re: Can't get floating, linkable, captions to show up.

When showing captions under the main image you need to allow room for the captions to show. Try increasing the height of the SWF in the embed code.

Felix Turner
SimpleViewer Support Team.

Re: Can't get floating, linkable, captions to show up.

Hmmmm? I tried that, I'll try it again.... thanks, -john-

Re: Can't get floating, linkable, captions to show up.

When I increase the vertical height from 375 to 475

<!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="SlideShowRates/svcore/js/simpleviewer.js"></script>
<script type="text/javascript">

var flashvars = {};
flashvars.baseURL = "SlideShowRates/";

jQuery(document).ready(function () {
SV.simpleviewer.load("sv-container", "544", "475", "transparent", true, flashvars );
});
</script>
<div id="sv-container"></div>
<!-- END SIMPLEVIEWER EMBED -->

both vertical and horizontal scroll bars appear, but no captions.
(see www.loram.org/rates

-john-

Re: Can't get floating, linkable, captions to show up.

Sorry, that link should have been:

http://www.loram.org/rates.html

-john-

Re: Can't get floating, linkable, captions to show up.

If I increase the height of your embed code to 975 I am seeing the captions, there is a lot of space between the captions and the image. I would suggest setting floatCaption="false" and setting the height of the gallery to the height of your largest image. I would also suggest setting a maxImageHeight and maxImageWidth. Remember to clear your browser's cache after making any change.

http://simpleviewer.net/simpleviewer/pr … tions.html

Mike Richards
SimpleViewer Support Team.

Re: Can't get floating, linkable, captions to show up.

If I’m not mistaken, max-width will enable an image to increase in width until the specified maximum value is achieved. Thus, it would seem that if you specify  a max-width value that exceeds that of the image itself, the image will indeed “stretch” and become distorted..

Last edited by tomaton (2012-06-21 14:27:27)

Re: Can't get floating, linkable, captions to show up.

@tomaton

A main image will never become stretched or distorted if the maxImageWidth and maxImageHeight values exceed the dimensions of the image itself.
The aspect ratio of a main image will always be respected unless imageScaleMode="STRETCH".

Steven Speirs
SimpleViewer Support Team.