• Registered: 2015-06-22
  • Posts: 19

Topic: links in image [SOLVED]

Hi

2 Questions


1. How do I turn off the thumbs arrow buttons at the bottom of the page https://www.roatan.photos/video-slidesh … ex.html#64


2. How can I put a link in an image example page https://www.roatan.photos/video-slidesh … ex.html#64 on the image of Lindsey Sterling? I have been trying to do a .png in Photoshop using slices but had no success. Is this possible or is the another way?


<juiceboxgallery
galleryTitlePosition="NONE"
showOverlayOnLoad="false"
thumbFrameColor="rgba(0,0,0,1)"
enableAutoPlay="true"
showExpandButton="false"
thumbPadding="0"
captionPosition="NONE"
thumbHoverFrameWidth="0"
expandInNewPage="TRUE"
enableDirectLinks="true"
showImageNav="NEVER"
buttonBarIconSize="0"
imageNavPadding="0"
autohideThumbs="true"
playAudioOnLoad="true"
showImageNumber="false"
textShadowColor="rgba(0,0,0,0)"
autoPlayThumbs="false"
thumbShadowColor="rgba(0,0,0,0)"
splashShowImageCount="false"
backButtonUrl="https://www.roatan.photos/video-slideshows/flowers/blooming/index.html"
displayTime="2"
rememberPassword="false"
navButtonIconSize="0"
showImageOverlay="NEVER"
splashButtonText=""
thumbWidth="0"
showSplashPage="NEVER"
captionBackColor="rgba(0,0,0,1)"
imageFrameColor="rgba(0,0,0,1)"
buttonBarPosition="NONE"
navButtonBackColor="rgba(0,0,0,1)"
imageNavPosition="STAGE"
thumbsVAlign="BOTTOM"
imageTransitionTime="1"
loopAudio="false"
thumbSelectedFrameWidth="0"
imageShadowBlur="0"
thumbShadowBlur="0"
maxThumbRows="0"
thumbHeight="0"
navButtonIconColor="rgba(0,0,0,1)"
imagePreloading="NEXT"
galleryDescription="Roatan Photos Flowers"
imageScaleMode="FILL"
expandedBackgroundColor="rgba(0,0,0,1)"
showSmallThumbsButton="false"
audioUrlMp3="http://roatan.photos/music/lindseystirling/childoflight.mp3"
backButtonText="Start Over"
buttonBarBackColor="rgba(0,0,0,0)"
showSmallPagingText="false"
showSmallThumbsOnLoad="false"
showThumbsOnLoad="false"
captionBackTopColor="rgba(0,0,0,1)"
topAreaHeight="0"
buttonBarIconHoverColor="rgba(166,166,166,1)"
maxThumbColumns="0"
backButtonPosition="TOP"
navButtonIconHoverColor="rgba(0,0,0,1)"
useFullscreenExpand="true"
thumbDotColor="rgba(0,0,0,1)"
screenMode="LARGE"
autoPlayOnLoad="true"
galleryTitle="Roatan Photos - Flowers"
goNextOnAutoPlay="true"
showOpenButton="false"
showThumbsButton="false"
thumbDotHoverColor="rgba(0,0,0,1)"
backgroundScale="FILL"
imageShadowColor="rgba(0,0,0,1)"
inactivityTimeout="0"
imageTransitionType="CROSS_FADE"
>

[Post edited to add code tags for readability.]

  • Registered: 2012-04-24
  • Posts: 5,924

Re: links in image [SOLVED]

Your gallery sets showThumbsOnLoad="FALSE" but also sets autoHideThumbs="TRUE" so, although the thumbnail area is not displayed when the gallery is initially displayed, itis displayed when you hover over the gallery (but you also 'hide' the thumbnail images by setting maxThumbColumns="0", maxThumbRows="TRUE", thumbHeight="0" and thumbWidth="0" so only the thumbnail navigation arrows are visible).

All you need to do to disable the thumbnail area completely (and thus hide the thumbnail images and navigation arrows) is set showThumbsOnLoad="FALSE" in conjunction with autoHideThumbs="FALSE" (its default value) so that the thumbnails do not reappear on hovering over the gallery.

There are a few ways to include links within a Juicebox-Pro gallery.

You can assign a unique link (known as a linkURL) to each image in a gallery. (You can add individual linkURLs on JuiceboxBuilder-Pro's 'Images' tab).

Normally, when the 'Open Image' button (in the gallery's Button Bar) is clicked, the image itself is opened.
However, if an image has been assigned a linkURL, then the linkURL will be opened instead (in a new browser tab or the same tab, defined by the corresponding linkTarget).

Also, if you set imageClickMode="OPEN_URL" (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section), then the linkURL will be opened when the main image itself is clicked.

A linkURL can be a relative URL (relative to the web page containing the gallery) or an absolute URL (in the form http://www.example.com/index.html).

Alternatively, you can include a link in an image's title or caption by using HTML formatting as noted in this FAQ:
How do I add HTML formatting to image captions and titles?

Check out the link to our home page (via an image caption) in the first image in this demo gallery.

If you want to include a link in only one image in your gallery, then it might be best to do so via an image caption rather than by using linkURLs and setting imageClickMode="OPEN_URL" (as you might not want other images to have active links) but I hope that my notes above give you some ideas as to how you might like to proceed.

3 Reply by roatan (edited by roatan 2019-06-13 22:46:23)

  • Registered: 2015-06-22
  • Posts: 19

Re: links in image [SOLVED]

Thank you very much, it is always a sure thing when you respond.....

4 Reply by roatan (edited by roatan 2019-06-13 22:45:56)

  • Registered: 2015-06-22
  • Posts: 19

Re: links in image [SOLVED]

Hi

On question #1 (1. How do I turn off the thumbs arrow buttons at the bottom of the page https://www.roatan.photos/video-slidesh … ex.html#64) I set the autoHideThumbs="FALSE" per your suggestion and it worked great.

On question#2 How can I put a link in an image example page https://www.roatan.photos/video-slidesh … ex.html#64 on the image of Lindsey Sterling? I have been trying to do a .png in Photoshop using slices but had no success. Is this possible or is the another way?

I needed to be more specific.
In the last page https://www.roatan.photos/video-slidesh … ex.html#64 I want to add 2 links.

1. Where it says "Child of Light" and the image of the woman with the violin the first URL.

2. Where it says "Lindsey Stirling" a separate link to her web site.

Thanks again
Bob Millsaps

  • Registered: 2012-04-24
  • Posts: 5,924

Re: links in image [SOLVED]

Question #1

... it worked great.

That's great! Thank you for letting me know.

Question #2

Unfortunately, Juicebox has no way to split an image into individual hit areas and associate each one with a unique link.
The easiest way to include two different links into a specific image would be to use an image caption such as this:

<caption><![CDATA[Click <a href="http://www.example.com">here</a> for Link #1.<br>Click <a href="http://www.example.com">here</a> for Link #2.]]></caption>

If you are entering the caption directly into the JuiceboxBuilder-Pro interface, then you can use just something like the following

Click <a href="http://www.example.com">here</a> for Link #1.<br>Click <a href="http://www.example.com">here</a> for Link #2.

... JuiceboxBuilder-Pro automatically adds the <caption> and CDATA tags to the gallery's 'config.xml' file.

You can further style the caption/link text with inline CSS if you like, as noted in the FAQ I linked to in my last post (here).

If you don't want the caption area to be seen on other images in the gallery, set showImageNumber="FALSE" in the Caption section (to hide the image number in the caption area) and set the opacity for both captionBackColor and captionBackTopColor to zero in the Color section (to hide the caption area gradient).

I hope this helps.

  • Registered: 2015-06-22
  • Posts: 19

Re: links in image [SOLVED]

I am trying the option in the last paragraph but am not getting the results I want.
Please take a look?

<?xml version="1.0" encoding="UTF-8"?>
<juiceboxgallery
                galleryTitlePosition="NONE"
                    showOverlayOnLoad="false"
                    thumbFrameColor="rgba(0,0,0,1)"
                    enableAutoPlay="true"
                    showExpandButton="false"
                    thumbPadding="0"
                    captionPosition="NONE"
                    thumbHoverFrameWidth="0"
                    expandInNewPage="TRUE"
                    enableDirectLinks="true"
                    showImageNav="NEVER"
                    buttonBarIconSize="0"
                    imageNavPadding="0"
                    playAudioOnLoad="true"
                    showImageNumber="false"
                    textShadowColor="rgba(0,0,0,0)"
                    autoPlayThumbs="false"
                    thumbShadowColor="rgba(0,0,0,0)"
                    splashShowImageCount="false"
                    displayTime="2"
                    rememberPassword="false"
                    navButtonIconSize="0"
                    showImageOverlay="NEVER"
                    splashButtonText=""
                    thumbWidth="0"
                    showSplashPage="NEVER"
                    captionBackColor="rgba(0,0,0,0)"
                    imageFrameColor="rgba(0,0,0,1)"
                    buttonBarPosition="NONE"
                    navButtonBackColor="rgba(0,0,0,1)"
                    imageNavPosition="STAGE"
                    thumbsVAlign="BOTTOM"
                    imageTransitionTime="1"
                    loopAudio="false"
                    thumbSelectedFrameWidth="0"
                    imageShadowBlur="0"
                    thumbShadowBlur="0"
                    maxThumbRows="0"
                    thumbHeight="0"
                    navButtonIconColor="rgba(0,0,0,1)"
                    imagePreloading="NEXT"
                    galleryDescription="Roatan Photos Flowers"
                    imageScaleMode="FILL"
                    expandedBackgroundColor="rgba(0,0,0,1)"
                    showSmallThumbsButton="false"
                    audioUrlMp3="http://roatan.photos/music/lindseystirling/childoflight.mp3"
                    backButtonText="&lt; Start Over"
                    buttonBarBackColor="rgba(0,0,0,0)"
                    showSmallPagingText="false"
                    showSmallThumbsOnLoad="false"
                    showThumbsOnLoad="false"
                    topAreaHeight="0"
                    buttonBarIconHoverColor="rgba(166,166,166,1)"
                    maxThumbColumns="0"
                    backButtonPosition="TOP"
                    navButtonIconHoverColor="rgba(0,0,0,1)"
                    useFullscreenExpand="true"
                    thumbDotColor="rgba(0,0,0,1)"
                    screenMode="LARGE"
                    autoPlayOnLoad="true"
                    galleryTitle="Roatan Photos - Flowers"
                    goNextOnAutoPlay="true"
                    showOpenButton="false"
                    showThumbsButton="false"
                    thumbDotHoverColor="rgba(0,0,0,1)"
                    maxCaptionHeight="0"
                    backgroundScale="FILL"
                    imageShadowColor="rgba(0,0,0,1)"
                    inactivityTimeout="0"
                    imageTransitionType="CROSS_FADE"
        >
            <image imageURL="images/photos-begln.jpg" thumbURL="thumbs/photos-begln.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowersphotos-begln1ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/canonball_bloom.jpg" thumbURL="thumbs/canonball_bloom.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[2016-08-21roatanphotos-41002ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URLCannonball bloom taken a Carambola Gardens]]></caption>
        </image>
            <image imageURL="images/_DSC4925.jpg" thumbURL="thumbs/_DSC4925.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowers_DSC49253ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/untitled-shoot-089.jpg" thumbURL="thumbs/untitled-shoot-089.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[imagesuntitled-shoot-0894ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/roatan-arboretum-blue-harbor_028.jpg" thumbURL="thumbs/roatan-arboretum-blue-harbor_028.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[2013-03-19roatan-arboretum-blue-harbor_0285ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/20130319-DSC_6317.jpg" thumbURL="thumbs/20130319-DSC_6317.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowers20130319-DSC_63176ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/orchid.jpg" thumbURL="thumbs/orchid.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[2016-08-18_DSC4068-Edit7ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URLOrchid on a limb, and what a limb it is! Photo taken in front of our cabana at <a href="www.roatanbeachfront.com" title="Sundancer Cabanas Roatan">Roatan Beach Front</a>.]]></caption>
        </image>
            <image imageURL="images/roatanphotos-0360.jpg" thumbURL="thumbs/roatanphotos-0360.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowersDSC_03608ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/untitled-shoot-038.jpg" thumbURL="thumbs/untitled-shoot-038.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowersuntitled-shoot-0389ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/roatanphotos-0353.jpg" thumbURL="thumbs/roatanphotos-0353.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowersDSC_035310ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/roatanphotos-142016.jpg" thumbURL="thumbs/roatanphotos-142016.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowersjuly_14201611ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/2006_0426Marie0018.jpg" thumbURL="thumbs/2006_0426Marie0018.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowers2006_0426Marie001812ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/2006_0820BarnebeeMarie0227.jpg" thumbURL="thumbs/2006_0820BarnebeeMarie0227.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[2019-05-232006_0820BarnebeeMarie022713ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/2006_0521flowers0058.jpg" thumbURL="thumbs/2006_0521flowers0058.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowers2006_0521flowers005814ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/_DSC4974.jpg" thumbURL="thumbs/_DSC4974.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowers_DSC497415ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/roatanphotos-232016.jpg" thumbURL="thumbs/roatanphotos-232016.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowersjuly_23201616ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/morningglory.jpg" thumbURL="thumbs/morningglory.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowersroatanphotos-2-4-Edit17ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URLMorning glories native of tropical America. Morning glory is the common name for a number of species of flowering plants.]]></caption>
        </image>
            <image imageURL="images/wedding_couple.jpg" thumbURL="thumbs/wedding_couple.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[Mary Wedding_DSC358718ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URLFlowers make a wedding, wedding couple kissing]]></caption>
        </image>
            <image imageURL="images/rings_native_bouquet-3755.jpg" thumbURL="thumbs/rings_native_bouquet-3755.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowersrings_native_bouquet-375519ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URLRings native bouquet  wedding couple beach]]></caption>
        </image>
            <image imageURL="images/adoring_love.jpg" thumbURL="thumbs/adoring_love.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowersroatanphotos-3843-Edit20ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URLAdoring Love Weddding Couple]]></caption>
        </image>
            <image imageURL="images/_DSC3763-22.jpg" thumbURL="thumbs/_DSC3763-22.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[2012-11-28_DSC3763-2221ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/_DSC3847.jpg" thumbURL="thumbs/_DSC3847.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowers_DSC384722ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/travel-writers-20090326-1534-roatan-honduras.jpg" thumbURL="thumbs/travel-writers-20090326-1534-roatan-honduras.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowerstravel-writers-20090326-1534-roatan-honduras23ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/carambola-20081205_709-gardens.jpg" thumbURL="thumbs/carambola-20081205_709-gardens.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowerscarambola-20081205_709-gardens24ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/2006_0504Flowers0200.jpg" thumbURL="thumbs/2006_0504Flowers0200.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowers2006_0504Flowers020025ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/2007_0104ToSort140055.jpg" thumbURL="thumbs/2007_0104ToSort140055.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowers2007_0104ToSort14005526ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/2006_0426Marie0027.jpg" thumbURL="thumbs/2006_0426Marie0027.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowers2006_0426Marie002727ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/carambola-20081204_623-gardens.jpg" thumbURL="thumbs/carambola-20081204_623-gardens.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[2016carambola-20081204_623-gardens28ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/2006_0419MarieBarnebee0075_1.jpg" thumbURL="thumbs/2006_0419MarieBarnebee0075_1.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowers2006_0419MarieBarnebee0075_129ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/2005_0817FlowersBirds0056.jpg" thumbURL="thumbs/2005_0817FlowersBirds0056.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowers2005_0817FlowersBirds005630ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/2006_0819WestEnd0237.jpg" thumbURL="thumbs/2006_0819WestEnd0237.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[2019-05-232006_0819WestEnd023731ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/2006_0820BarnebeeMarie0073.jpg" thumbURL="thumbs/2006_0820BarnebeeMarie0073.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowers2006_0820BarnebeeMarie007332ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/2006_0426Marie0034.jpg" thumbURL="thumbs/2006_0426Marie0034.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowers2006_0426Marie003433ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/2007_0104ToSort140054.jpg" thumbURL="thumbs/2007_0104ToSort140054.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowers2007_0104ToSort14005434ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/2007_0524_001_.jpg" thumbURL="thumbs/2007_0524_001_.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowers2007_0524(001)35ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/carambolagardens-20090225-47-roatan-honduras.jpg" thumbURL="thumbs/carambolagardens-20090225-47-roatan-honduras.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowerscarambolagardens-20090225-47-roatan-honduras36ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/carambola-20081204_615-gardens.jpg" thumbURL="thumbs/carambola-20081204_615-gardens.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowerscarambola-20081204_615-gardens37ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/roatan-carambola-20090109-1279-carambolagardens.jpg" thumbURL="thumbs/roatan-carambola-20090109-1279-carambolagardens.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowersroatan-carambola-20090109-1279-carambolagardens38ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/roatan-arboretum-blue-harbor_042.jpg" thumbURL="thumbs/roatan-arboretum-blue-harbor_042.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[2013-03-19roatan-arboretum-blue-harbor_04239ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/carambolagardens-20090225-63-roatan-honduras.jpg" thumbURL="thumbs/carambolagardens-20090225-63-roatan-honduras.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowerscarambolagardens-20090225-63-roatan-honduras40ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/roatanphotos-372016.jpg" thumbURL="thumbs/roatanphotos-372016.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowersjuly_37201641ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/roatanphotos-0322.jpg" thumbURL="thumbs/roatanphotos-0322.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowersDSC_032242ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/carambolagardens-00000059-roatan.jpg" thumbURL="thumbs/carambolagardens-00000059-roatan.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[2016carambolagardens-00000059-roatan43ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/roatanphotos-282016.jpg" thumbURL="thumbs/roatanphotos-282016.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowersjuly_28201644ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/20130319-DSC_6364.jpg" thumbURL="thumbs/20130319-DSC_6364.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowers20130319-DSC_636445ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/roatanarbioritum_00413-2013.jpg" thumbURL="thumbs/roatanarbioritum_00413-2013.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[Blue Harbor Arteribum 3-1013roatanarbioritum_00413-201346ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/_DSC7509-132-.jpg" thumbURL="thumbs/_DSC7509-132-.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowers_DSC7509-132-47ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/roatanphotos-0373.jpg" thumbURL="thumbs/roatanphotos-0373.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[roanphotos-flowersDSC_037348ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/roatan-arboretum-blue-harbor_030.jpg" thumbURL="thumbs/roatan-arboretum-blue-harbor_030.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[2013-03-19roatan-arboretum-blue-harbor_03049ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/roatanarbioritum_00203-2013.jpg" thumbURL="thumbs/roatanarbioritum_00203-2013.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[Blue Harbor Arteribum 3-1013roatanarbioritum_00203-201350ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/roatan-arboretum-blue-harbor_018.jpg" thumbURL="thumbs/roatan-arboretum-blue-harbor_018.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[2013-03-19roatan-arboretum-blue-harbor_01851ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/roatan-arboretum-blue-harbor_024.jpg" thumbURL="thumbs/roatan-arboretum-blue-harbor_024.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[2013-03-19roatan-arboretum-blue-harbor_02452ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/roatan-arboretum-blue-harbor_025.jpg" thumbURL="thumbs/roatan-arboretum-blue-harbor_025.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[2013-03-19roatan-arboretum-blue-harbor_02553ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/roatan-arboretum-blue-harbor_052.jpg" thumbURL="thumbs/roatan-arboretum-blue-harbor_052.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[2013-03-19roatan-arboretum-blue-harbor_05254ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/roatan-arboretum-blue-harbor_045.jpg" thumbURL="thumbs/roatan-arboretum-blue-harbor_045.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[2013-03-19roatan-arboretum-blue-harbor_04555ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/roatan-arboretum-blue-harbor_008.jpg" thumbURL="thumbs/roatan-arboretum-blue-harbor_008.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[2013-03-19roatan-arboretum-blue-harbor_00856ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/roatan-arboretum-blue-harbor_020.jpg" thumbURL="thumbs/roatan-arboretum-blue-harbor_020.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[2013-03-19roatan-arboretum-blue-harbor_02057ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/roatan-arboretum-blue-harbor_033-2.jpg" thumbURL="thumbs/roatan-arboretum-blue-harbor_033-2.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[2013-03-19roatan-arboretum-blue-harbor_033-258ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/roatan-arboretum-blue-harbor_039.jpg" thumbURL="thumbs/roatan-arboretum-blue-harbor_039.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[2013-03-19roatan-arboretum-blue-harbor_03959ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/South_Shore_Walk_103.jpg" thumbURL="thumbs/South_Shore_Walk_103.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[2012-07-03South Shore Walk 10360ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/_DSC4020.jpg" thumbURL="thumbs/_DSC4020.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[2016-07-09_DSC402061ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/2006_0430Marie0129.jpg" thumbURL="thumbs/2006_0430Marie0129.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[2019-05-232006_0430Marie012962ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
            <image imageURL="images/sept_4772016.jpg" thumbURL="thumbs/sept_4772016.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[imagessept_477201663ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>
        </image>
    </juiceboxgallery>

[Post edited to add code tags for readability.]

  • Registered: 2012-04-24
  • Posts: 5,924

Re: links in image [SOLVED]

In order for captions to be visible, you'll need to set captionPosition to something other than NONE (in JuiceboxBuilder-Pro's 'Customize -> Caption' section).

If you do not want a separate area to be reserved for captions within your gallery (which would be empty for images with no caption text), then set captionPosition to either OVERLAY (where the caption area will overlay the bottom of the gallery's image area, spanning the width of the entire stage) or OVERLAY_IMAGE (where the caption area will overlay the bottom of the main image, spanning only the width of the main image itself).

Also, if you want the caption area to always be visible (rather than autohide after a set period of inactivity determined by the value of the inactivityTimeout configuration option), then set showImageOverlay to ALWAYS (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section).

Quote:

<caption><![CDATA[roanphotos-flowersphotos-begln1ima<a href="https://www.roatan.photos/child.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption>

Your captions are malformed.
Each <a> tag needs to have a closing </a> tag (after the text which is to be used as the link).
For example:

<a href="http://www.example.com">Link text goes here</a>

Also, imageClickMode="OPEN_URL" is a Juicebox-Pro configuration option (which can be set in JuiceboxBuilder-Pro's 'Customize -> Main Image' section) rather than an attribute for an HTML <a> tag.
(If you want to set imageClickMode="OPEN_URL" manually by editing your gallery's 'config.xml' file in a plain text editor, then you should add the configuration option as an attribute to the opening <juiceboxgallery> tag alongside the other configuration options).

Here's a sample caption that you could add to an image on JuiceboxBuilder-Pro's 'Images' tab which would display some sample text with only the word 'here' being a clickable link.

Click <a href="http://www.example.com">here</a> to go to another web page.

I hope this helps.

8 Reply by roatan (edited by roatan 2019-06-19 19:56:29)

  • Registered: 2015-06-22
  • Posts: 19

Re: links in image [SOLVED]

Hi

I am confused.

I am using Adobe, Lightroom, Juicebox Pro.

Trying to add a auto link to the last photo of a slide show that automaticly goes to https://www.roatan.photos/credits.html

I put:
<caption><![CDATA[roanphotos-flowersphotos-begln1ima<a href="https://www.roatan.photos/credits.html" target="_blank" imageClickMode="OPEN_URL>geClickMode="OPEN_URL]]></caption> per your suggestion at:

Adobe-Lightroom-Juicebox Pro Library Modual - Metadata - Caption

Not sure what I'm doing just a little lost

Here is the config file:

<?xml version="1.0" encoding="UTF-8"?>
<juiceboxgallery
                galleryTitlePosition="NONE"
                    showOverlayOnLoad="false"
                    thumbFrameColor="rgba(0,0,0,1)"
                    enableAutoPlay="true"
                    showExpandButton="false"
                    thumbPadding="0"
                    captionPosition="NONE"
                    thumbHoverFrameWidth="0"
                    expandInNewPage="TRUE"
                    enableDirectLinks="true"
                    showImageNav="NEVER"
                    buttonBarIconSize="0"
                    imageNavPadding="0"
                    playAudioOnLoad="true"
                    showImageNumber="false"
                    textShadowColor="rgba(0,0,0,0)"
                    autoPlayThumbs="false"
                    thumbShadowColor="rgba(0,0,0,0)"
                    splashShowImageCount="false"
                    backButtonUrl="https://www.roatan.photos/video-slideshows/flowers/blooming/index.html"
                    displayTime="2"
                    rememberPassword="false"
                    navButtonIconSize="0"
                    showImageOverlay="NEVER"
                    splashButtonText=""
                    thumbWidth="0"
                    showSplashPage="NEVER"
                    captionBackColor="rgba(0,0,0,0)"
                    imageFrameColor="rgba(0,0,0,1)"
                    buttonBarPosition="NONE"
                    navButtonBackColor="rgba(0,0,0,1)"
                    imageNavPosition="STAGE"
                    thumbsVAlign="BOTTOM"
                    imageTransitionTime="1"
                    loopAudio="false"
                    thumbSelectedFrameWidth="0"
                    imageShadowBlur="0"
                    thumbShadowBlur="0"
                    maxThumbRows="0"
                    thumbHeight="0"
                    navButtonIconColor="rgba(0,0,0,1)"
                    imagePreloading="NEXT"
                    galleryDescription="Roatan Photos Flowers"
                    imageScaleMode="FILL"
                    expandedBackgroundColor="rgba(0,0,0,1)"
                    showSmallThumbsButton="false"
                    audioUrlMp3="http://roatan.photos/music/lindseystirling/childoflight.mp3"
                    backButtonText="Start Over"
                    buttonBarBackColor="rgba(0,0,0,0)"
                    showSmallPagingText="false"
                    showSmallThumbsOnLoad="false"
                    showThumbsOnLoad="false"
                    topAreaHeight="0"
                    buttonBarIconHoverColor="rgba(166,166,166,1)"
                    maxThumbColumns="0"
                    backButtonPosition="TOP"
                    navButtonIconHoverColor="rgba(0,0,0,1)"
                    useFullscreenExpand="true"
                    thumbDotColor="rgba(0,0,0,1)"
                    screenMode="LARGE"
                    autoPlayOnLoad="true"
                    galleryTitle="Roatan Photos - Flowers"
                    goNextOnAutoPlay="true"
                    showOpenButton="false"
                    showThumbsButton="false"
                    thumbDotHoverColor="rgba(0,0,0,1)"
                    maxCaptionHeight="0"
                    backgroundScale="FILL"
                    imageShadowColor="rgba(0,0,0,1)"
                    inactivityTimeout="0"
                    imageTransitionType="CROSS_FADE"
        >
            <image imageURL="images/photos-begln.jpg" thumbURL="thumbs/photos-begln.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/canonball_bloom.jpg" thumbURL="thumbs/canonball_bloom.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/_DSC4925.jpg" thumbURL="thumbs/_DSC4925.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/untitled-shoot-089.jpg" thumbURL="thumbs/untitled-shoot-089.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/roatan-arboretum-blue-harbor_028.jpg" thumbURL="thumbs/roatan-arboretum-blue-harbor_028.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/20130319-DSC_6317.jpg" thumbURL="thumbs/20130319-DSC_6317.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/roatanphotos-0360.jpg" thumbURL="thumbs/roatanphotos-0360.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/untitled-shoot-038.jpg" thumbURL="thumbs/untitled-shoot-038.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/roatanphotos-0353.jpg" thumbURL="thumbs/roatanphotos-0353.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/2006_0426Marie0018.jpg" thumbURL="thumbs/2006_0426Marie0018.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/2006_0820BarnebeeMarie0227.jpg" thumbURL="thumbs/2006_0820BarnebeeMarie0227.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/2006_0521flowers0058.jpg" thumbURL="thumbs/2006_0521flowers0058.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/roatanphotos-232016.jpg" thumbURL="thumbs/roatanphotos-232016.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/morningglory.jpg" thumbURL="thumbs/morningglory.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/wedding_couple.jpg" thumbURL="thumbs/wedding_couple.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/rings_native_bouquet-3755.jpg" thumbURL="thumbs/rings_native_bouquet-3755.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/adoring_love.jpg" thumbURL="thumbs/adoring_love.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/_DSC3763-22.jpg" thumbURL="thumbs/_DSC3763-22.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/_DSC3847.jpg" thumbURL="thumbs/_DSC3847.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/travel-writers-20090326-1534-roatan-honduras.jpg" thumbURL="thumbs/travel-writers-20090326-1534-roatan-honduras.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/_DSC4974.jpg" thumbURL="thumbs/_DSC4974.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/carambola-20081205_709-gardens.jpg" thumbURL="thumbs/carambola-20081205_709-gardens.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/roatanphotos-142016.jpg" thumbURL="thumbs/roatanphotos-142016.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/2006_0504Flowers0200.jpg" thumbURL="thumbs/2006_0504Flowers0200.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/2007_0104ToSort140055.jpg" thumbURL="thumbs/2007_0104ToSort140055.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/2006_0426Marie0027.jpg" thumbURL="thumbs/2006_0426Marie0027.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/carambola-20081204_623-gardens.jpg" thumbURL="thumbs/carambola-20081204_623-gardens.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/2006_0419MarieBarnebee0075_1.jpg" thumbURL="thumbs/2006_0419MarieBarnebee0075_1.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/2005_0817FlowersBirds0056.jpg" thumbURL="thumbs/2005_0817FlowersBirds0056.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/2006_0819WestEnd0237.jpg" thumbURL="thumbs/2006_0819WestEnd0237.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/2006_0820BarnebeeMarie0073.jpg" thumbURL="thumbs/2006_0820BarnebeeMarie0073.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/2006_0426Marie0034.jpg" thumbURL="thumbs/2006_0426Marie0034.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/2007_0104ToSort140054.jpg" thumbURL="thumbs/2007_0104ToSort140054.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/2007_0524_001_.jpg" thumbURL="thumbs/2007_0524_001_.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/carambolagardens-20090225-47-roatan-honduras.jpg" thumbURL="thumbs/carambolagardens-20090225-47-roatan-honduras.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/carambola-20081204_615-gardens.jpg" thumbURL="thumbs/carambola-20081204_615-gardens.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/orchid.jpg" thumbURL="thumbs/orchid.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/roatan-carambola-20090109-1279-carambolagardens.jpg" thumbURL="thumbs/roatan-carambola-20090109-1279-carambolagardens.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/roatan-arboretum-blue-harbor_042.jpg" thumbURL="thumbs/roatan-arboretum-blue-harbor_042.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/carambolagardens-20090225-63-roatan-honduras.jpg" thumbURL="thumbs/carambolagardens-20090225-63-roatan-honduras.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/roatanphotos-372016.jpg" thumbURL="thumbs/roatanphotos-372016.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/roatanphotos-0322.jpg" thumbURL="thumbs/roatanphotos-0322.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/carambolagardens-00000059-roatan.jpg" thumbURL="thumbs/carambolagardens-00000059-roatan.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/roatanphotos-282016.jpg" thumbURL="thumbs/roatanphotos-282016.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/20130319-DSC_6364.jpg" thumbURL="thumbs/20130319-DSC_6364.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/roatanarbioritum_00413-2013.jpg" thumbURL="thumbs/roatanarbioritum_00413-2013.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/_DSC7509-132-.jpg" thumbURL="thumbs/_DSC7509-132-.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/roatanphotos-0373.jpg" thumbURL="thumbs/roatanphotos-0373.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/roatan-arboretum-blue-harbor_030.jpg" thumbURL="thumbs/roatan-arboretum-blue-harbor_030.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/roatanarbioritum_00203-2013.jpg" thumbURL="thumbs/roatanarbioritum_00203-2013.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/roatan-arboretum-blue-harbor_018.jpg" thumbURL="thumbs/roatan-arboretum-blue-harbor_018.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/roatan-arboretum-blue-harbor_024.jpg" thumbURL="thumbs/roatan-arboretum-blue-harbor_024.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/roatan-arboretum-blue-harbor_025.jpg" thumbURL="thumbs/roatan-arboretum-blue-harbor_025.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/roatan-arboretum-blue-harbor_052.jpg" thumbURL="thumbs/roatan-arboretum-blue-harbor_052.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/roatan-arboretum-blue-harbor_045.jpg" thumbURL="thumbs/roatan-arboretum-blue-harbor_045.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/roatan-arboretum-blue-harbor_008.jpg" thumbURL="thumbs/roatan-arboretum-blue-harbor_008.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/roatan-arboretum-blue-harbor_020.jpg" thumbURL="thumbs/roatan-arboretum-blue-harbor_020.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/roatan-arboretum-blue-harbor_033-2.jpg" thumbURL="thumbs/roatan-arboretum-blue-harbor_033-2.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/roatan-arboretum-blue-harbor_039.jpg" thumbURL="thumbs/roatan-arboretum-blue-harbor_039.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/South_Shore_Walk_103.jpg" thumbURL="thumbs/South_Shore_Walk_103.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/_DSC4020.jpg" thumbURL="thumbs/_DSC4020.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/2006_0430Marie0129.jpg" thumbURL="thumbs/2006_0430Marie0129.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
            <image imageURL="images/sept_4772016.jpg" thumbURL="thumbs/sept_4772016.jpg" linkURL="" linkTarget="_blank">
            <title><![CDATA[]]></title>
            <caption><![CDATA[]]></caption>
        </image>
    </juiceboxgallery>

[Post edited to add code tags for readability.]

  • Registered: 2012-04-24
  • Posts: 5,924

Re: links in image [SOLVED]

If you are trying to add a custom caption to just one image using the Juicebox Plugin for Lightroom, then do the following:

(1) Click the 'Library' module tab.
(2) Select the image you want to add the caption to.
(3) In the 'Metadata' section, add the following to the 'Caption' box (changing the link and/or text as appropriate):

<a href="https://www.roatan.photos/credits.html">Click here to go to 'credits' page.</a>

(4) Click the 'Web' module tab.
(5) Select 'Juicebox-Pro' as the 'Layout Style'.
(6) Scroll down to the 'Image Info' section and make sure that the 'Caption' is set to {Caption»}. (This is the default value so you should not need to change anything.)
(7) Save your gallery to your hard drive via the 'Export...' button.

Step #3 embeds the caption as the IPTC Caption within the image.
Step #6 uses each image's IPTC Caption as the gallery's image caption. (Images without an IPTC caption will simply have a blank/empty caption.)

Alternatively, you could either:

(1) Open your gallery in JuiceboxBuilder-Pro (after creating it in Lightroom), click the appropriate thumbnail on the 'Images' tab and enter the caption (below) in the 'Caption' input box before re-saving the gallery on the 'Publish' tab.

<a href="https://www.roatan.photos/credits.html">Click here to go to 'credits' page.</a>

... or:

(2) Edit your gallery's 'config.xml' file in a plain text editor (again, after creating it in Lightroom) and replace the image's <caption> tag manually, e.g.:

<caption><![CDATA[<a href="https://www.roatan.photos/credits.html">Click here to go to 'credits' page.</a>]]></caption>

I hope my notes above help.

  • Registered: 2015-06-22
  • Posts: 19

Re: links in image [SOLVED]

Thank  you: For very good notes, it works fine.
Bob Millsaps

  • Registered: 2012-04-24
  • Posts: 5,924

Re: links in image [SOLVED]

You're welcome! I'm glad you've got it working.
Thank you for letting me know. It's most appreciated.