Community @ The Turning Gate

Yes. It just defines the shape of a cell in the grid. But the thumbnail should be big enough to cover the effective size of the cell in the grid.

Spaltenzwischenraum.

Love this one!

I did already disable this, but the copyright notice persisted.

The current implementation doesn't really make sense in having both ttg_footer_top and ttg_footer_bottom as they are called one after the other and ttg_footer_top does disable any code.

Yes, that's right, Michael

For the slug name, you might want to look at the source code of your galleries:

<body class="pangolin type-album template-id-50 album-template-id-53 slug-_recent_work cart-unready crg-unready" data-layout="2col left">

In this case, I would use .slug-_recent_work main {} to select the background.

To simplify the process down the road, I would create a gallery (eg xxx_backgrounds) that is hidden from display and search, and has a gallery image size/quality like the one you want to use for the background images. Whichever image you want to publish, make a virtual copy, put that one into this gallery, change the filename to something that makes sense, and publish it. I use this procedure to make my square thumbnails for the gallery-sets. Now you can use /galleries/xxx_backgrounds/photos/nice_image_name.jpg in your CSS.

I'm not an expert with CSS, but I think the code can be simplified down to:

main {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
}

.slug-blue main { background-image: url(https://fotos.michilge.de/backlight/custom/images/background-blue.jpg); }
.slug-red main { background-image: url(https://fotos.michilge.de/backlight/custom/images/background-red.jpg); }
etc

Good luck!

Ben, the failure shows when no quotes are used. It works with the quotes. I don't see this error on my site.

Nico, it might be helpful if you could send your ftp login to Ben.

There are different ways to do this. Just to have a popup when clicking on a thumbnail is as simple as this:

<a href="photo.jpg" data-fancybox>
    <img src="thumb.jpg" />
</a>

But it you would like to add some additional text, you have to use the format Rod already showed:

<a data-fancybox data-src="#item1" href="javascript:;"><img  src="thumb.jpg"/></a>

<div id="item1" style="display:none;">Some text  <img src="photo.jpg"/></div>

If you have several thumbnails on your page, the code might become a bit ugly. That's one of the reasons I like the inline format:

<a data-fancybox data-options='{"src" : "Lorem ipsum ... <img src=\"photo.jpg\"/></p> ", "type" : "html"}' href="javascript:;">
   <img  src="thumb.jpg"/>
</a> 

Keep an eye on the escaped quotes (\").

Hi Mark,

In 2017, a website shouldn't use flash anymore but should use standards like HTML5. To me, to use HTML5 as a backup when flash is not available is a strange behavior. Why use a new technology only if the old one is not available.... very strange.

The public galleries I looked at are okay, can't say anything about the protected galleries....

But the Safari version 7.1.1 your client is using is rather outdated. The current version is 10.1.1.

This is not something that is supported out of the box. But you could use phplugins to insert the slideshow at the top of the page while having the gallery at the end. I don't know if you just can copy&paste the slideshow code from a pangolin slideshow page or if additional slideshow specific code for css and/or javascript is required. If additional code is required, then it might be easier to use my old slideshow script.

Gallery settings in Lightroom or, rather unlikely, via phplugins?

I found a couple of approaches online, but none of them worked. Eg, :checked, :checked:after, :checked + label, :checked + label:after etc.... I'll leave it as is since the blue is not visible during normal use of the page. Thanks!