Using an image as a link

hjrw · 2018-01-15 12:15:40

Is there any way to post images in an album and have a click on the image execute a link? I am trying to layout my panoramas and would like to set up a page with the original images, allowing a user to click on the image and go to another page.

Here is a link to a page I am working on.

http://caddinfo.com/photo-now-backlight … -selector/

I would like to make the images larger and allow a click on any image to take me to another page (such as

http://caddinfo.com/photo-now-backlight … -panorama/ )

I would like it to look something like this mockup

https://drive.google.com/file/d/1GwVFuK … sp=sharing

Any thoughts / ideas?

Thanks,
-Herschel

Last edited by hjrw (2018-01-15 13:09:03)

rod barbee · 2018-01-15 13:28:36

create an album set that uses larger or custom thumbnails?

If the album set settings won’t allow for thumbs as big as you need, then create a page and use html to add images to the copy area and wrap each image with an anchor tag.

Here’s something to get you started:
http://ttg-tips-and-tricks.barbeephoto. … lock-text/

hjrw · 2018-01-15 14:44:51

I think that I have it!

Check out this link !!!

http://caddinfo.com/photo-now-backlight … -selector/

Thanks to Rod and Michael Richards

Last edited by hjrw (2018-01-15 14:57:39)

hjrw · 2018-01-15 15:53:36

This may be categorized incorrectly, but it applies to the 'image as a link' and 'panorama' threads.

As part of the panorama solution using slice in Photoshop and then Theater in Backlight, there are bunches of slices of each panorama image in the photos folder of the panorama galleries. If I perform a SEARCH looking for the term pano (all of the panorama images are labeled with a pano suffix by Photoshop), I not only get the real panoramic images, but also the slices (not all of them, for some reason) but a lot of them. Is there any way to filter a folder (or folders) to be ignored by SEARCH?

On a related note, is there a way to customize the SEARCH page using the Backlight tool ?

Thanks
Herschel

richam · 2018-01-15 17:13:24

hjrw wrote:

This may be categorized incorrectly, but it applies to the 'image as a link' and 'panorama' threads.
As part of the panorama solution using slice in Photoshop and then Theater in Backlight, there are bunches of slices of each panorama image in the photos folder of the panorama galleries. If I perform a SEARCH looking for the term pano (all of the panorama images are labeled with a pano suffix by Photoshop), I not only get the real panoramic images, but also the slices (not all of them, for some reason) but a lot of them. Is there any way to filter a folder (or folders) to be ignored by SEARCH?
On a related note, is there a way to customize the SEARCH page using the Backlight tool ?
Thanks
Herschel

When you are doing the slicing in Photoshop, you can set the output naming of the slices to avoid the accidental slice selection problem. When in the "Save for Web" dialog, click on the little menu icon in the upper right and select "Edit Output Settings". Then select "Slices" and establish the slice naming convention you like. I found it useful to set the default naming to include at least 2 digits (e.g. 01, 02, 03....10, 11...) in case there are 10 or more slices. This allows sorting by filename to keep the slices in the correct order. If you have all the slices selected (shift-click on every slice to make sure) when you set things up, all the slices should be consistently named. Then the setup can be saved for future use.

richam · 2018-01-15 17:24:28

hjrw wrote:

I think that I have it!
Check out this link !!!
http://caddinfo.com/photo-now-backlight … -selector/
Thanks to Rod and Michael Richards

Nicely done. I notice the images load very slowly. Did you reduce them to the actual display size before posting? Since you are using them as buttons, no need to publish full size images.

rod barbee · 2018-01-15 22:42:25

Is there any way to filter a folder (or folders) to be ignored by SEARCH?
On a related note, is there a way to customize the SEARCH page using the Backlight tool ?

Here is the documentation on working with search: http://backlight.theturninggate.net/doc … t_s_search

You can also hide albums or album sets from search. Do that in the create/edit album or album set dialog boxes in Lightroom Publisher.

Customize the search page from Backlight Publisher Settings: Search Intro.
This field takes Markdown and html.

Daniel Leu · 2018-01-16 02:15:06

hjrw wrote:

I think that I have it!
Check out this link !!!
http://caddinfo.com/photo-now-backlight … -selector/
Thanks to Rod and Michael Richards

Your pano selector page uses full-sized images instead of smaller ones that are just 1000px wide. This slows down loading the images and doesn't really provide a benefit since clicking on an image shows your nice slider.

hjrw · 2018-01-16 02:29:04

Thanks to all

I'll look at the sizes of the images. I set the height , keeping the aspect ratio, to 400 pixels for the panorama slices. I'll shrink the link photos to speed it up. I'll also try a rename or since the pano slices are in their own albums, try excluding them from search.

Herschel

hjrw · 2018-01-16 02:58:41

UPDATE - Monday

Made link photos 2000 px wide, excluded the slice albums from search... all is looking pretty good now.

www.caddinfo.com/photo-now-backlight/galleries/009-mtts-2014/007-yosemite

Suggestions are appreciated. (Design suggestions as well before this goes live.)

Herschel

Last edited by hjrw (2018-01-16 02:59:05)

hjrw · 2018-01-16 07:22:04

I just noticed that on a smartphone there are issues with the panorama. On my Pixel 2XL and my wife's Galaxy S8+, all works fine when you rotate the phone. On the Galaxy S7 the display is in separate screen sized photos, not connected. On a Droid Turbo 2, it is similar to the Galaxy. A friend has the MOTO phone that takes attachments (camera, projector, etc) and it does not work on his.

Any suggestions for overcoming this issue? I am running Oreo (8.1).

rod barbee · 2018-01-16 08:29:52

same thing is happening on my iPhone 6. My guess is that at the smaller size, the flickity viewport is such that the slices needed to fill the viewport can't fit.
In other words, there's room for say, a little more than the width of two slices but it can't show fractions of a slice so it only shows two with space on each size.

Just a guess though.

If you look on the desktop and decrease the browser size to that of a phone in portrait orientation, take a look at the inspector and it will show you the slice areas. You'll see slice areas on each side that are hidden.

You could try re-doing the slice width so that an integer of slices will fit in the available viewport. Problem is, that will probably be different for each device.

hjrw · 2018-01-16 09:40:45

If I reduce the browser width to the exact size of an image (a few slices), it still shows one image at a time... when one clears the 'box' the next few slices that fit are displayed. The box is shown with a dimension of about 280x48 when the image is sized to fill the box. I'm not sure if I am looking at the image box or the entire content area. No selection on the inspector highlights only the box. If I make it narrower, the number of slices displayed is reduced. I can only get it down to 239x72.

I think that the MOTO that my friend has is the same screen size as my Pixel 2XL, but I am not sure.

rod barbee · 2018-01-16 10:10:45

I don't know that anything can be done with it. If you look at Michael's examples, once the browser gets down to phone size there's no continuous scrolling of the image.

richam · 2018-01-16 18:40:41

Rod, I agree. Attempting to improve the presentation for smaller screens, I tried some smaller slice size panos. But they brought on their own problems of shaky presentation and unwanted gaps without improving small screen display. Here are some examples you can see for yourself. These are the Columbo panos with slices halved to 480, 240, and 120 pixels, as indicated in the URL:

http://www.michaelrichardsphotography.c … -pano-480/
http://www.michaelrichardsphotography.c … -pano-240/
http://www.michaelrichardsphotography.c … -pano-120/

If there is a solution, I'd like to know, but for now will keep slice size the same as image width.

rod barbee · 2018-01-16 21:53:52

I’m just guessing here, but I imagine there’s some math going on in the script that causes this when device or viewport size gets below a certain width.

You could try finding snd opening the script and look for things related to width.
Here’s the Flickity site: https://flickity.metafizzy.co
Check under the Options link, maybe one of them will make sense in relation to this issue and you can try editing that in the script. Or, if it’s not in the script yet, add it.

Community @ The Turning Gate

#1 2018-01-15 12:15:40

Using an image as a link

#2 2018-01-15 13:28:36

Re: Using an image as a link

#3 2018-01-15 14:44:51

Re: Using an image as a link

#4 2018-01-15 15:53:36

Re: Using an image as a link

#5 2018-01-15 17:13:24

Re: Using an image as a link

#6 2018-01-15 17:24:28

Re: Using an image as a link

#7 2018-01-15 22:42:25

Re: Using an image as a link

#8 2018-01-16 02:15:06

Re: Using an image as a link

#9 2018-01-16 02:29:04

Re: Using an image as a link

#10 2018-01-16 02:58:41

Re: Using an image as a link

#11 2018-01-16 07:22:04

Re: Using an image as a link

#12 2018-01-16 08:29:52

Re: Using an image as a link

#13 2018-01-16 09:40:45

Re: Using an image as a link

#14 2018-01-16 10:10:45

Re: Using an image as a link

#15 2018-01-16 18:40:41

Re: Using an image as a link

#16 2018-01-16 21:53:52

Re: Using an image as a link

Board footer