• Registered: 2013-04-10
  • Posts: 7

Topic: URL Back to my website

I use Juicebox as a gallery to show photo proofs. (Love it).

It is separate from my website. I wish that when someone clicks on my logo in the upper left (backgroundUrl= image in jbcore/classic/) that it would open my website. Is there a way to attach a url to the image? Example

Clicking on logo in http://www.smallbusinessphoto.com/events/index.html would open a new window with www.smallbusinessphoto.com

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

Re: URL Back to my website

As you note, your logo is currently part of your gallery's background (set via the backgroundUrl configuration option).
Instead, you could use either the Back Button or the Gallery Title as an image link.

In JuiceboxBuilder-Pro, you could enter the following into either the Gallery Title field (in the 'Customize -> Lite' section) or the Back Button Text field (in the 'Customize -> Back Button' section).

<a href="http://www.smallbusinessphoto.com"><img src="images/Logo-Dark.png" width="265" height="60" alt="logo" /></a>

For a link in the Gallery Title to be active, please set galleryTitlePosition="TOP" (in the 'Customize -> General' section).
The link will not be active if galleryTitlePosition="OVERLAY". (This bug will be fixed in the next version of Juicebox-Pro.)

If editing your gallery's XML file to add the configuration options manually, you will need to escape the XML entities as documented in this FAQ:
How do I add HTML formatting to the Gallery Title or Back Button?

  • Registered: 2013-04-10
  • Posts: 7

Re: URL Back to my website

Thanks. I'll try it.

  • Registered: 2012-05-02
  • Posts: 161

Re: URL Back to my website

laird44 wrote:

Thanks. I'll try it.

Laird: yep, with Steven's help, I've been doing this ever since JB was releassed, on about 60 different pages. Take a look at http://www.billanddot.com/victory-xct/ , for instance; clicking the home pic -- equivalent to your logo -- take the user to my home page. I think that's what you're trying to do, if I understand your question correctly.

Bill P.

  • Registered: 2013-04-10
  • Posts: 7

Re: URL Back to my website

It took me a while to follo through, but I am still having trouble. I'm working in Lightroom, making entries to the Juicebox-Pro Options area. I have deleted my earlier background commands, and added back button align as suggested, and made backButtonUrl=my web address. That works in that clicking on < back it indeed does go to my web. I have been unsuccessful changing the text to the image of my logo. I have the logo in

jbcore at jbcore/classic/img/Logo-Dark.png

This image address was working as a background url.

The two commands look like this.  The first one appears to work, the second doesn't replace the text with the image.

backButtonUrl="http://www.smallbusinessphoto.com"
backButtonText=<a <img src="jbcore/classic/img/Logo-Dark.png" /></a>

Thank you

  • Registered: 2013-04-10
  • Posts: 7

Re: URL Back to my website

I probably should have added a link to a test gallery so you can look at it.

http://smallbusinessphoto.com/box4/index.html

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

Re: URL Back to my website

Unfortunately, it is not possible to enter code such as backButtonText="<a><img src='jbcore/classic/img/Logo-Dark.png' /></a>" into the Pro Options text area in the Juicebox plugin for Lightroom as the text is split into key/value pairs using the = character and the second = character in your backButtonText line breaks the parsing of the Pro Options.

Either:
(1) After creating your gallery, open the gallery's 'config.xml' file in a plain text editor and enter the backButtonText configuration option as an attribute to the opening <juiceboxgallery> tab.
... or:
(2) Open and edit the gallery with JuiceboxBuilder-Pro. You could perhaps create your own custom preset in order to quickly apply a certain collection of settings to existing galleries. Please see the Presets section of the JuiceboxBuilder User Guide.

  • Registered: 2013-04-10
  • Posts: 7

Re: URL Back to my website

Sorry this is as difficult. I added the exact text you quoted above, initially with Hyperedit and another time with Text Edit, saving the XML file. Yet another time I deleted backButton Url and used the complete code in your first response (url and text together) in several separate tests. This involved creating several new galleries to be sure my first changes didn't spoil the whole thing. In all cases I get nothing but black screen when tested on my computer. When uploaded to server at
http://smallbusinessphoto.com/box6/index.html
it says XML file can not be found.
It doesn't appear that I can open my Lightroom generated gallery in Builder, and I really don't want to get into making all my galleries outside of Lightroom. One edit like you suggested is reasonable, if I can get it to work.
Thank you!!

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

Re: URL Back to my website

Sorry, my mistake.
Entering <a><img src="jbcore/classic/img/Logo-Dark.png" /></a> as a value for the backButtonText will work only in JuiceboxBuilder-Pro.

If you enter the value directly into a gallery's XML file, you will need to escape all XML entities as noted in this FAQ:
How do I add HTML formatting to the Gallery Title or Back Button?

Therefore, the code you would enter when editing your gallery's XML file directly would be:

backButtonText="&lt;a&gt;&lt;img src=&quot;jbcore/classic/img/Logo-Dark.png&quot; /&gt;&lt;/a&gt;"

Sorry for the inconvenience but this should work fine.